css - 如何在 materializecss 中创建内联列表？

Question

在 bootstrap 中，它很简单:

<ul class="list-inline">
  <li>...</li>
</ul>

我想知道怎么办materializecss不使用<nav> ？

Answer 1

或者，您可以只复制 Bootstrap 样式:

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

<ul class="list-inline">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>