在bootstrap 4中，如何將媒體列表內聯？

Question

我想使用Bootstrap 4內聯顯示「媒體列表」。我使用list-inline，但它不起作用。怎麼做？

Answer 1

正如你可以在Bootstrap 4 Documentation找到，你需要將list-inline-item類添加到子元素。

新的標記爲list-inline是：

<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> 

現在，他們不直接添加樣式HTML元素，這樣你就可以在未必<ul>其他元素使用這些樣式。