css - ブートストラップ - .well 内の ul が外に出て、.row が追加されますが、コンテナーの境界を越えています

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 内のものが「ウェル」(下) の外に出ていることです。

それで、クラス「行」を追加しましたが、機能しましたが、クラス「行」を追加するたびに、幅がコンテナの境界を超えています。

Answer 1

フロートをクリアする .well スタイルには何もありません。ここで 2 つの UL のように 2 つのフロート アイテムがある場合、コンテナーは折りたたまれます。

答えはこれを見てください。 http://www.positioniseeverything.net/easyclearing.html

または、これをスタイルシートの一番下に追加してください。

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

Answer 2

ul を含む div に追加すると、問題が解決します。