Question

在bootstrap中，它很简单：

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

我想知道如何在不使用<nav>的情况下完成materializecss？

Answer 1

另类，你可以复制引导样式：

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

Answer 2

<div class="categories-container pin-top" style="top: 0px;">
      <ul class="categories db">
        <li class="k"><a href="#all">All</a></li>
        <li><a href="#polygon">Polygon</a></li>
        <li><a href="#bigbang">Big Bang</a></li>
        <li><a href="#sacred">Sacred Geometry</a></li>
      </ul>
    </div>

这里你去 - ＆gt; https://themes.materializecss.com/pages/demo
你也可以使用class .row

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

2 个答案: