html - 如何在 tweeter bootstrap 中内联显示有序列表

Question

我正在使用 Twitter bootstrap 3.3.1,

    <ol class="list-inline">
      <li>Lorem ipsum dolor sit amet</li>
      <li>Consectetur adipiscing elit</li>
      <li>Integer molestie lorem at massa</li>
      <li>Facilisis in pretium nisl aliquet</li>
      <li>Nulla volutpat aliquam velit</li>
      <li>Faucibus porta lacus fringilla vel</li>
      <li>Aenean sit amet erat nunc</li>
      <li>Eget porttitor lorem</li>
    </ol>

但它没有显示在一行中，列表编号也没有显示，请帮助我只显示内联的有序列表

Answer 1

只需将此 css 代码添加到您的 css 文件中即可。 Here列表的默认 Bootstrap css 样式。

ol.list-inline > li {
 display: inline-block;
}