Bootstrap的有序列表和無(wú)序列表

一、有序列表

語(yǔ)法：

</ol>

案例：

<ol> 
      <li>Lorem ipsum dolor sit amet</li> 
      <li>Consectetur adipiscing elit</li> 
      <li>Integer molestie lorem at massa</li> 
      <li>Facilisis in pretium nisl aliquet</li> 
      <li>Nulla volutpat aliquam velit</li> 
      <li>Faucibus porta lacus fringilla vel</li> 
      <li>Aenean sit amet erat nunc</li> 
      <li>Eget porttitor lorem</li> 
</ol> 

運(yùn)行結(jié)果：

list-style-type屬性:

none：不使用項(xiàng)目符號(hào)。
disc：實(shí)心圓。
circle：空心圓。
square：實(shí)心方塊。
demical：阿拉伯?dāng)?shù)字。
lower-alpha：小寫英文字母。
upper-alpha：大寫英文字母。
lower-roman：小寫羅馬數(shù)字。
upper-roman：大寫羅馬數(shù)字。

二、無(wú)序列表

語(yǔ)法：

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

案例：

      <li>Lorem ipsum dolor sit amet</li> 
      <li>Consectetur adipiscing elit</li> 
      <li>Integer molestie lorem at massa</li> 
      <li>Facilisis in pretium nisl aliquet</li> 
      <li>Nulla volutpat aliquam velit 
        <ul> 
          <li>Phasellus iaculis neque</li> 
          <li>Purus sodales ultricies</li> 
          <li>Vestibulum laoreet porttitor sem</li> 
          <li>Ac tristique libero volutpat at</li> 
        </ul> 
      </li> 
      <li>Faucibus porta lacus fringilla vel</li> 
      <li>Aenean sit amet erat nunc</li> 
      <li>Eget porttitor lorem</li> 
 </ul> 

運(yùn)行結(jié)果：

list-style-type屬性:

none：不使用項(xiàng)目符號(hào)。
disc：實(shí)心圓。
circle：空心圓。
square：實(shí)心方塊。
demical：阿拉伯?dāng)?shù)字。
lower-alpha：小寫英文字母。
upper-alpha：大寫英文字母。
lower-roman：小寫羅馬數(shù)字。
upper-roman：大寫羅馬數(shù)字。