Css 引导：将div块定位在col-xs-8+；col-xs-4不符合预期

我正在使用Bootstrap 3.0，我的问题是：

这个街区可以吗

<div class="under col-xs-12">fdf</div>

不仅包装一个块

fdf

，而且包装整个内容，包括

aaa

和

bbb

你可以看看这里：

---

那么，从Bootstrap的角度来看，正确的方法是什么，使黑色边框只包裹第二行

fdf

？

aaa和

bbb

列是浮动的，因此您需要添加

清除：两者都是到你的下课

aaa

和bbb列是浮动的，因此您需要添加

清除：两者都是到你的下课

看起来“引导方式”是创建嵌套行。看看他们在“嵌套脚手架”下是怎么做到的


aaa
bbb
fdf
看起来“引导方式”是创建嵌套行。看看他们在“嵌套脚手架”下是怎么做到的


aaa
bbb
fdf
那么创建另一行怎么样

<div class="row">
    <div class="col-xs-8">aaa</div>
    <div class="col-xs-4">bbb</div>
</div>
<div class="row">
    <div class="under col-xs-12">fdf</div>
</div>


aaa
bbb
fdf
那么创建另一行怎么样

<div class="row">
    <div class="col-xs-8">aaa</div>
    <div class="col-xs-4">bbb</div>
</div>
<div class="row">
    <div class="under col-xs-12">fdf</div>
</div>


aaa
bbb
fdf
引导方法执行此操作

这是一个类似于的答案，但您使用的是引导，因此我们将研究引导方法

Bootstrap为此提供了自己的内置类
clearfix
蛹（清除浮子）

见此：


aaa
bbb
fdf
引导方法执行此操作

这是一个类似于的答案，但您使用的是引导，因此我们将研究引导方法

Bootstrap为此提供了自己的内置类
clearfix
蛹（清除浮子）

见此：


aaa
bbb
fdf
虽然这是正确的方法，但有时在动态添加列时，您不知道何时添加行。虽然这是正确的方法，但有时在动态添加列时，您不知道何时添加行。这是错误的。这样添加嵌套行会导致内容向左浮动
.row
具有负边距，该边距由
.col
的正边距偏移。将
.row
放在
.row
中会导致双负边距，该边距随后不会被
.col
正确偏移。看看你是否困惑，这是错误的。这样添加嵌套行会导致内容向左浮动
.row
具有负边距，该边距由
.col
的正边距偏移。将
.row
放在
.row
中会导致双负边距，该边距随后不会被
.col
正确偏移。看看你是否困惑了。
<div class="row">
    <div class="col-xs-8">aaa</div>
    <div class="col-xs-4">bbb</div>
    <div class = "row">
        <div class="under col-xs-12">fdf</div>
    </div>
</div>

<div class="row">
    <div class="col-xs-8">aaa</div>
    <div class="col-xs-4">bbb</div>
</div>
<div class="row">
    <div class="under col-xs-12">fdf</div>
</div>

<div class="row">
    <div class="col-xs-8">aaa</div>
    <div class="col-xs-4">bbb</div>
    <div class='clearfix'></div>
    <div class="under col-xs-12 ">fdf</div>
</div>