Bootstrap 排版 无样式列表

W3CSchool > bootstrap3中文手册 > Bootstrap 设计排版 > Bootstrap 排版 无样式列表

无样式列表

移除了默认的 list-style 样式和左侧外边距的一组元素(只针对直接子元素)。这是针对直接子元素的,也就是说,你需要对所有嵌套的列表都添加这个类才能具有同样的样式。

语法:

  1. <ul class="list-unstyled"> 
  2.   <li>...</li> 
  3. </ul>

案例:

  1. <ul class="list-unstyled"> 
  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> 

运行结果:

\

没有找到答案?搜索一下吧!

学习导航


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