列表

無序列表

排列順序無關緊要的一列元素。

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Integer molestie lorem at massa
• Facilisis in pretium nisl aliquet
• Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Eget porttitor lorem

復制<ul><li>...</li> </ul>

有序列表

順序至關重要的一組元素。

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Integer molestie lorem at massa

Facilisis in pretium nisl aliquet

Nulla volutpat aliquam velit

Faucibus porta lacus fringilla vel

Aenean sit amet erat nunc

Eget porttitor lorem

復制<ol><li>...</li> </ol>

無樣式列表

移除了默認的?

list-style?樣式和左側外邊距的一組元素（只針對直接子元素）。這是針對直接子元素的，也就是說，你需要對所有嵌套的列表都添加這個類才能具有同樣的樣式。

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Integer molestie lorem at massa
• Facilisis in pretium nisl aliquet
• Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Aenean sit amet erat nunc
• Eget porttitor lorem

復制<ul class="list-unstyled"><li>...</li> </ul>

內聯列表

通過設置?

display: inline-block;?并添加少量的內補（padding），將所有元素放置于同一行。

• Lorem ipsum

?Phasellus iaculis?Nulla volutpat復制<ul class="list-inline"><li>...</li> </ul>

總結

以上是生活随笔為你收集整理的Bootstrap中的列表的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。