转载

Bootstrap 排版 无序列表

无序列表

排列顺序无关紧要的一列元素。

语法:

  1. <ul> 
  2.   <li>...</li> 
  3. </ul>

案例:

  1. <ul> 
  2.       <li>Lorem ipsum dolor sit amet</li> 
  3.       <li>Consectetur adipiscing elit</li> 
  4.       <li>Integer molestie lorem at massa</li> 
  5.       <li>Facilisis in pretium nisl aliquet</li> 
  6.       <li>Nulla volutpat aliquam velit 
  7.         <ul> 
  8.           <li>Phasellus iaculis neque</li> 
  9.           <li>Purus sodales ultricies</li> 
  10.           <li>Vestibulum laoreet porttitor sem</li> 
  11.           <li>Ac tristique libero volutpat at</li> 
  12.         </ul> 
  13.       </li> 
  14.       <li>Faucibus porta lacus fringilla vel</li> 
  15.       <li>Aenean sit amet erat nunc</li> 
  16.       <li>Eget porttitor lorem</li> 
  17.  </ul> 

运行结果:

Bootstrap 排版 无序列表

list-style-type属性:

none:不使用项目符号。
disc:实心圆。
circle:空心圆。
square:实心方块。
demical:阿拉伯数字。
lower-alpha:小写英文字母。
upper-alpha:大写英文字母。
lower-roman:小写罗马数字。
upper-roman:大写罗马数字。

正文到此结束
Loading...