带Bootstrap的PrettyPrint无响应

Question

我正在使用带有引导程序的Google的prettyprint来显示带有语法突出显示的SQL语句。 但是，它未遵循第12栏中的bootstrap的响应功能。它保持其自身的宽度和高度。 我无法使用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>

Answer 1

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

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

避免它。 另外，不要忘记使用<来转义<和> < 和> 分别。 否则它们将无法渲染。