twitter-bootstrap - Google Prettify with Bootstrap: 行番号が表示されない

Question

Twitter Bootstrap で Google Prettify を使用しています。動作していますが、何らかの理由で行番号が表示されません。

マークアップは次のとおりです。

<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>

そして私はそれを次のように呼びます：

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

カスタム CSS はありません。Bootstrap CSS のみを使用しています。

Answer 1

次の2つのファイルを使用することをお勧めします。

http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css

http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js

これをフッターに追加します。

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

http://twitter.github.com/のapplication.jsにあります

Answer 2

list-style: none; がないことを確認してください。CSS ファイルの任意の場所。