Question

如何将breadcrumb li-items设置为div容器内？因此，面包屑是一个div容器 - 流体（全宽）但是li-items是在一个容器内，所以一切都很好地对齐（例如我的导航项目在容器内）？

我试图把

<ol class="breadcrumb">
<div class="container">
<li><a href="#">Home</a></li>
<li><a href="#">Page1</a></li>
<li><a href="#">Page2</a></li>
</div>
</ol>

当我尝试这个时，li项目只是出现在彼此的顶部......我无法弄清楚为什么把div容器放在其中应该可以工作

提前多多谢谢！

雅各

Answer 1

试试这个

<div class="container">
  <ol class="breadcrumb">
    <li><a href="#">Home</a></li>
    <li><a href="#">Page1</a></li>
    <li><a href="#">Page2</a></li>
  </ol>
</div>

据我所知，div元素不能是list元素的直接子元素。看这里 http://www.w3.org/TR/html-markup/ul.html#ul-content-model

Permitted contents
Zero or more li elements

Bootstrap面包屑

1 个答案: