转载

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> 

运行结果:

Bootstrap 排版 内联列表

正文到此结束
Loading...