twitter-bootstrap - Bootstrap 行中的多个 Well 未按预期运行

Question

我正在尝试将两口井紧挨着排成一排。

<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 下方，而不是像我预期的那样沿着它显示。我怎样才能让它们彼此相邻显示，而不是一个在另一个下方。我试图给 .well 类一个 max-width: 100% ，但这并没有帮助。

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>