Bootstrap 排版 有序列表

W3CSchool > bootstrap3中文手册 > Bootstrap 设计排版 > Bootstrap 排版 有序列表

有序列表

顺序至关重要的一组元素。

语法:

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

案例:

  1. <ol> 
  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</li> 
  7.       <li>Faucibus porta lacus fringilla vel</li> 
  8.       <li>Aenean sit amet erat nunc</li> 
  9.       <li>Eget porttitor lorem</li> 
  10. </ol> 

运行结果:

\

提示和注释:

提示:请使用 CSS 来定义列表和列表项目的类型。

可选的属性

属性 描述
type A
a
I
i
1
disc
square
circle
不赞成使用。请使用样式取代它。
规定使用哪种项目符号。
value number 不赞成使用。请使用样式取代它。
规定列表项目的数字。

list-style-type属性:

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

CTRL + D 收藏本页

学习导航


Bootstrap3中文开发手册参考网站
w3c.3306.biz 提供的内容仅用于学习或测试。所有内容均整理自互联网!目的是为了让更多读者欣赏,我们不保证内容的正确性,并对任何法律问题及风险不承担任何责任。 当您在浏览本站时,代表您已接受了本站的使用条款和隐私条款。(删除内容:512876994#qq.com)