Boostrap代码段

来源:互联网 发布:淘宝助理有没有mac版 编辑:程序博客网 时间:2024/06/15 05:58
用于显示代码的风格。在Bootstrap主要提供了三种代码风格:
1、使用<code></code>来显示单行内联代码
2、使用<pre></pre>来显示多行块代码      //多行

3、使用<kbd></kbd>来显示用户输入代码



在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。


不管使用哪种代码风格,在代码中碰到小于号(<)要使用硬编码“&lt;”来替代,大于号(>)使用“&gt;”来替代

<div>
<pre>
&lt;ul&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;/ul&gt;
</pre>
</div>


显示:

<ul><li>...</li><li>...</li><li>...</li></ul>

0 0
原创粉丝点击