Google Pletintify avec Bootstrap: Numéros de ligne ne montrant pas

Question

J'utilise Google Pletinty avec Twitter Bootstrap.Cela fonctionne, mais pour une raison quelconque, les numéros de ligne n'apparaissent pas.

Voici le balisage:

<pre class="prettyprint linenums">
    <ol class="linenums">
        <li class="L0">
            <span class="kwd">public</span>
            <span class="pln"> </span>
            <span class="kwd">override</span>
            <span class="pln"> </span>
            <span class="kwd">void</span>
            <span class="pln"> </span>
            <span class="typ">Dispose</span>
            <span class="pun">()</span>
        </li>
        <li class="L1">
            <span class="pln"> </span>
            <span class="pun">{</span>
        </li>
        <li class="L2">
            <span class="pln"> </span>
            <span class="kwd">base</span>
            <span class="pun">.</span>
            <span class="typ">Dispose</span>
            <span class="pun">();</span>
        </li>
            <li class="L3">
            <span class="pln"> </span>
            <span class="pun">}</span>
        </li>
    </ol>
</pre>

Et j'appelle-la comme ceci:

<script type="text/javascript">
    $(document).ready(function () {
        prettyPrint();
    });
</script>

Je n'ai pas de CSS personnalisé .. Il suffit d'utiliser uniquement les Bootstrap CSS uniquement ..

Answer 1

Je vous recommande d'utiliser ces 2 fichiers:

http://twitter.github.com/bootstrap/assets/js/google-Code-Prettifier_prettify.css

http://twitter.github.com/bootstrap/assets/js/google-Code-Prettifier_prettify.js

et ajoutez ceci dans votre pied de page:

<script>
  !function ($) {
    $(function(){
      window.prettyPrint && prettyPrint()   
    })
  }(window.jQuery)
</script>

trouvé dans Application.js de Http://twitter.github.com/

Answer 2

Assurez-vous de ne pas avoir de style de liste: aucun;n'importe où dans votre fichier CSS.

Answer 3

La partie opératoire de la feuille de style par défaut est

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }

qui désactive la liste des bullets de liste pour tous les éléments avec index i où (i% 10) ∉ (4,9).

Ajout d'un style de priorité élevée remplacera la valeur par défaut dans PRETTIFY.CSS afin que vous n'ayez pas besoin de proposer votre propre thème.

<style>
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: decimal !important }
</style>

devrait le faire.