引导breadcrumb

Question

如何将breadcrumb li-item放在div容器中？那么，breadcrumb是一个div容器-fluid(全宽)，但是li-item在一个容器中，所以一切都很好地对齐(例如，我的nav项目在一个容器中)？

我试着把它

<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