如何使用 Twitter 的 Bootstrap 内联显示列表 [英] How to display a list inline using Twitter's Bootstrap

问题描述

我想使用 Bootstrap 内联显示列表.有没有我可以从 Bootstrap 添加的类来实现这一点?

I want to display a list inline using Bootstrap. Is there a class I can add from Bootstrap to achieve this?

推荐答案

Bootstrap 2.3.2

<ul class="inline">
  <li>...</li>
</ul>

引导程序 3

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

引导程序 4

<ul class="list-inline">
  <li class="list-inline-item">Lorem ipsum</li>
  <li class="list-inline-item">Phasellus iaculis</li>
  <li class="list-inline-item">Nulla volutpat</li>
</ul>

来源:http://v4-alpha.getbootstrap.com/content/typography/#inline

更新链接 https://getbootstrap.com/docs/4.4/content/typography/#inline

这篇关于如何使用 Twitter 的 Bootstrap 内联显示列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！