引导程序 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