給大家分享下Bootstrap框架中列表與代碼樣式相關的知識
1、列表
（1）無序列表
<ul>
<li>CN217編程</li>
</ul>
注意：ul、ol在Bootstrap里樣式下為：margin-top:0;margin-bottom:10px;
（2）有序列表
<ol>
<li>CN217編程</li>
</ol>
（3）去點列表
<ol class="list-unstyled"><!--去點-->
<li>CN217編程</li>
</ol>
effect picture:（1）、（2）、（3）
（4）內聯列表
<ul>
<li><a href="#">CN217編程</a></li>
<li><a href="#">CN217編程</a></li>
<li><a href="#">CN217編程</a></li>
<li><a href="#">CN217編程</a></li>
<li><a href="#">CN217編程</a></li>
</ul>
<ul class="list-inline">
<li><a href="#">CN217編程</a></li>
<li><a href="#">CN217編程</a></li>
<li><a href="#">CN217編程</a></li>
<li><a href="#">CN217編程</a></li>
<li><a href="#">CN217編程</a></li>
</ul>
Effect Picture：
（5）dl列表
<dl>
<dt>JavaScript</dt><!--Bootstrap把dt的縮進取消了-->
<dd>JavaScript是一種很有意思的語言</dd>
<dt>JavaScript</dt>
<dd>JavaScript是一種很有意思的語言</dd>
<dt>JavaScript</dt>
<dd>JavaScript是一種很有意思的語言</dd>
</dl>
（6）dl水平列表
<dl class="dl-horizontal"><!--前面給標題后面給出解釋-->
<dt>JavaScript</dt>
<dd>JavaScript是一種很有意思的語言</dd>
<dt>JavaScript</dt>
<dd>JavaScript是一種很有意思的語言</dd>
<dt>JavaScript</dt>
<dd>JavaScript是一種很有意思的語言</dd>
</dl>
注意：bootstrap把dt的縮進給取消了，dl用於前面給標題后面給出解釋
Effect Picture:(5)(6)
2、代碼
（1）<code>標簽：顯示單行內聯代碼
code在Bootstrap里的用法：<code>meta name="viewport" content="width=device-width, initial-scale=1"</code>
（2）<kbd>標簽：顯示用戶輸入代碼
輸入標簽kbd的用法：<kbd>Ctrl+V</kbd><br/><br/>
（3）<pre>標簽：多行代碼塊
<pre>
meta name="viewport" content="width=device-width, initial-scale=1"
link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"
</pre>
（4）<var>變量
<var>i</var> 默認是斜體
（5）<samp>程序結果
