twitter-bootstrap – Google Prestify with Bootstrap：Line Nu

发布时间：2020-12-18 00:25:49 所属栏目：安全来源：网络整理

导读：我正在使用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/sp

我正在使用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 ..

解决方法

我建议你使用这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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!