Bootstrap 排版 内联列表 key:list-inline - Bootstrap 设计排版

Bootstrap 排版 内联列表

W3CSchool > bootstrap3中文手册 > Bootstrap 设计排版 > Bootstrap 排版 内联列表

内联列表

通过设置 display: inline-block; 并添加少量的内补(padding),将所有元素放置于同一行。

语法:

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

案例:

  1. <ul class="list-inline"> 
  2.       <li>Lorem ipsum</li> 
  3.       <li>Phasellus iaculis</li> 
  4.       <li>Nulla volutpat</li> 
  5. </ul> 

运行结果:

\

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

学习导航


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