Google Prettify с Bootstrap: номера строк не отображаются

Я использую Google Prettify с Twitter Bootstrap. Он работает, но почему-то номера строк не отображаются.

Вот разметка:

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


twitter-bootstrap prettify google-code-prettify
person Matt    schedule 26.07.2012    source источник

Ответы (3)


arrow_upward
22
arrow_downward

Я рекомендую вам использовать эти 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>

найдено в application.js из http://twitter.github.com/

person baptme    schedule 26.07.2012
comment
Не могли бы вы объяснить мне, что делает фрагмент сценария? - person Vivek; 21.06.2013

arrow_upward
4
arrow_downward

Убедитесь, что у вас нет list-style: none; в любом месте вашего файла CSS.

person henrywright    schedule 13.10.2012

arrow_upward
2
arrow_downward

Рабочая часть таблицы стилей по умолчанию:

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

который отключает маркировку списка для всех элементов с индексом i, где (i % 10) ∉ (4,9).

Добавление стиля с высоким приоритетом переопределит стиль по умолчанию в prettify.css, поэтому вам не нужно придумывать собственную тему.

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

должен сделать это.

person Mike Samuel    schedule 21.06.2013