Question

我正在使用Bootstrap temple作为粘性页脚，我正在尝试设置内部无序列表的样式，但无法使列表成为内联。

HTML：

<footer class="footer">
  <div class="container">
      <p class="text-muted">
        <div class="bottom-list">
            <ul>
                <li>Prevajanje</li>
                <li>Lektura</li>
                <li>Sodni prevodi</li>
                <li>Tolmačenje</li>
            </ul>
      </div>
      </p>
   </div>
</footer>

CSS：

.footer .container .text-muted .bottom-list {
  float: right;
}

Answer 1

使用list-inline类。

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<ul class="list-inline">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

＆＃13;

来源：http://getbootstrap.com/css/#type-lists

Answer 2

您指定的CSS规则适用于ul元素。要列出列表，您应该定位li中的ul元素。例如

.bottom-list>li {
     display: inline-block;
}

在这种情况下list-inline最好使用预定义的引导类。

如何设计Boostrap页脚？

2 个答案: