1. ホーム
  2. twitter-bootstrap

[解決済み】TwitterのBootstrapを使ってインラインでリストを表示する方法

2022-04-02 08:02:47

質問

Bootstrapを使ってインラインでリストを表示したいのですが、どうすればいいですか? これを実現するために、Bootstrapから追加できるクラスはありますか?

どのように解決するのですか?

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