關於bootstrap--列表（ol、ul）

1、list-unstyled :

在<ol>(有序列表)</ol><ul>(無序列表)</ul>中加入class="list-styled"將前面的數字和符號去掉，bootstrap樣式為：

.list-unstyled 

{

　　padding-left: 0;

　　list-style: none;

}

2、list-inline:

在<ol>(有序列表)</ol><ul>(無序列表)</ul>中加入class="list-inline"變為橫向列表，主要用作導航欄，bootstrap樣式為：

.list-inline

{

　　padding-left: 0; margin-left: -5px; list-style: none;

}

.list-inline > li

{

　　display: inline-block; padding-right: 5px; padding-left: 5px;

}

3、定義列表

dl 
{
    margin-top: 0;
    margin-bottom: 20px;
}
dt,
dd 
{
    line-height: 1.42857143;
}
dt
{
    font-weight: bold;
}
dd 
{
    margin-left: 0;
}

@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
  }
.dl-horizontal dd {
margin-left: 180px;
  }
}

<dl class="dl-horizontal">

<dt>我來測試一個標題，我來測試一個標題（標題加粗）</dt>
<dd>我在寫一個水平定義列表的效果，我在寫一個水平定義列表的效果</dd>
</dl>

效果：

（1）將dt設置了一個左浮動，並且設置了一個寬度為160px
（2）將dd設置一個margin-left的值為180px，達到水平的效果
（3）當標題寬度超過160px時，將會顯示三個省略號

3、預編譯版本的Bootstrap將代碼的樣式單獨提取出來：
（1）LESS版本，請查閱code.less文件
（2）Sass版本，請查閱_code.scss文件
編譯出來的CSS代碼請查閱bootstrap.css文件第688行~第730行，由於代碼太長，此處不一一列舉。

4、代碼：&lt; 是小於號"<"；  &gt;是大於號">"。。

5、pre-scrollable：<ol><div><ul>等標簽高度超過340px，Y軸就會出現滾動條。

.pre-scrollable { max-height: 340px; overflow-y: scroll; }。

6、