Bootstrap学习笔记(二)代码

1.代码

1、<code>：一般是针对于单个单词或单个句子的代码

 

Bootstrap的代码风格有三种： <code> <pre> <kbd>

2、<pre>：一般是针对于多行代码（也就是成块的代码）

pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}

<pre>元素一般用于显示大块的代码，并保证原有格式不变。但有时候代码太多，而且不想让其占有太大的页面篇幅，就想控制代码块的大小。Bootstrap也考虑到这一点，你只需要在pre标签上添加类名“.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。

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

3、<kbd>:一般是表示用户要通过键盘输入的内容

 请输入ctrl+c来复制代码，然后使用ctrl+v来粘贴代码

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