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

避免它。 另外，不要忘記使用<來轉義<和> < 和> 分別。 否則它們將無法渲染。