我正在使用带有引导程序的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='1';</code>
</div>
答案 0 :(得分:1)
原因很简单;有code
标签关联的样式;如果您考虑code
标记的作用,这是有意义的。我建议你使用pre标签 - 即
<pre class="prettyprint"></pre>
避免它。另外,请不要忘记分别使用<
和>
转义<
和>
。或者他们不会渲染。