In bootstrap 4, how to put media list inline?

Question

I want to display a "media list" inline using Bootstrap 4. I use list-inline, but it is not work. How to do that?

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>的其他元素中使用这些样式。