带有Bootstrap的PrettyPrint没有响应

时间:2013-12-13 03:03:13

标签: html css twitter-bootstrap responsive-design syntax-highlighting

我正在使用带有引导程序的Google的prettyprint来显示带语法高亮的SQL语句。但是,它没有遵循bootstrap的响应功能,在12列中。它保持自己的宽度和高度。我无法使用prettyprint类或bootstrap的网格系统来改变它。

  <div class="col-md-12">
    <h4>Query Output</h4>
    <code class="prettyprint">Select name, description From android_db.group Where id=&#39;1&#39;;</code>
  </div>

1 个答案:

答案 0 :(得分:1)

原因很简单;有code标签关联的样式;如果您考虑code标记的作用,这是有意义的。我建议你使用pre标签 - 即

<pre class="prettyprint"></pre>

避免它。另外,请不要忘记分别使用<>转义&lt;&gt;。或者他们不会渲染。