twitter-bootstrap - ブートストラップ行に複数のウェルがある 期待どおりに動作しない

Question

私はブーストラップの列で2つの井戸を隣り合わせにしようとしています.

<div class="container">
    <div class="row">
        <div class="span8 well">
            Some Text Here
        </div>
        <div class="span4 well">
            Some Nav Here
        </div>
    </div>
</div>

span4 は常に span8 の下に表示され、期待どおりに表示されません。上下ではなく、隣同士に表示するにはどうすればよいですか。max-width: 100% を .well クラスに与えようとしましたが、それは役に立ちませんでした。

Answer 1

html次のように書き換えます。

<div class="container">
    <div class="row">
        <div class="span8">
            <div class="well">Some Text Here</div>
        </div>
        <div class="span4">
            <div class="well">Some Nav Here</div>
        </div>
    </div>
</div>