css - bootstrap - ul inside .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中，就可以解决问题了。