bootstrap当中还扩展了代码风格的使用。
<pre class="pre-scrollable">
<ol>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
<li>...............</li>
</ol>
</pre>可以将代码块当中加入滚动条。
如果内容过多就可以在代码块当中滑动滚动条进行查看。
在<pre>当中加入class="pre-scrollable"即可实现样式
bootstrap当中做了如下处理
.pre-scrollable {max-height: 340px;overflow-y: scroll;}
本文为H5EDU机构官方的HTML5培训教程 bootstrap教程（一）。