html - 如何设置 Bootstrap 页脚的样式？

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

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

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