如何使用bootstrap 3将两个div水平放置在另一个div旁边

Question

我到底需要做些什么来完成这样的事情：

直到现在我已经完成了以下工作：

    <div class="container">
    <div class="row">
        <div class="col-md-4">
            thumbnail
        </div>
        <div class="pull-right">
          <div class="col-md-8">
              title
          </div>
          <div class="col-md-8">
              bottom row
          </div>
        </div>
    </div>
    </div>

Answer 1

你可以通过多种方式实现这一目标。

可以使用网格系统（就像你尝试过的那样）：

<div class="container">
    <div class="row">
        <div class="one col-xs-4">ONE<br/>ONE</div>
        <div class="col-xs-8">
            <div class="row">
                <div class="two col-xs-12">TWO</div>
                <div class="three col-xs-12">THREE</div>
            </div>
        </div>
    </div>
</div>

检查this fiddle。

由于您编写了“缩略图”，我认为您可能正在寻找Bootstrap媒体对象，请检查this。

让我知道这是否有用！

Answer 2

你的HTML应该是这样的：

<div class="container">
    <div class="row">
        <div class="row">
            <div class="col-md-4"><img src="http://placehold.it/50X50" class="img-thumbnail"></div>
            <div class="col-md-8">
                <p>title</p>
                <p> bottom row</p>
            </div>
        </div>
    </div>
</div>

我给你的引导格式。