bootstrap - ul在.well外面，添加.row wrks但越过容器的边界

Question

这是我的结构：

 <div class='container'>
    <div class='well>
       <ul class='pull-left unstyled'>
          <li>abc</li><li>def</li>
       </ul>

       <ul class='pull-right unstyled'>
          <li>abc</li><li>def</li>
       </ul>
    </div>
 </div>

上面的结果是，ul内的东西都在'井'之外（底部）。

所以，我添加了类'row'，它工作但是，每当我添加类'row'时，它的宽度越过容器的边界。

Answer 1

.well风格中没有任何东西可以清除花车。如果你有两个浮动项目，就像你在这里使用两个uls一样，那么容器将会崩溃。

看看这个答案。 http://www.positioniseverything.net/easyclearing.html

或者只是将其添加到样式表的底部。

.well:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

Answer 2

添加到包含ul的div，它将解决问题。