Css 箱中网格引导

我正在尝试创建如下图所示的网格

IMG链接：

但是我把分区E放在D-DIV的旁边

这是我的密码

<div class="container">
    <div class="row">
        <div class="col-md-1">
            <div class="col-md-1">A</div><br/>
            <div class="col-md-1">B</div><br/>
            <div class="col-md-1">C</div>
        </div>
        <div class="col-md-11">D<br/>
            <div class="col-md-1">E</div>       
        </div>
    </div>
</div>

A

B

C
D

E

我添加的中断线是因为DIV-A和DIV-B成为一个没有中断线的整体

---

使用table更好吗？

您不需要将容器和行与引导3一起使用*

我更改了您的代码以匹配提供的屏幕截图，请参见此。 我只是使用xs列，因为JSFIDLE的小屏幕，您可以用md替换它：

    <div>
        <div class="col-xs-1">
            <div class="col-xs-12">A</div>
            <div class="col-xs-12">B</div>
            <div class="col-xs-12">C</div>  
            <span class="clearfix"></span>
        </div>
        <div class="col-xs-11">
            <div class="col-xs-12 d-container">D</div>
            <div class="col-xs-12">
                <div class="col-xs-1">E</div>  
                <span class="clearfix"></span>
            </div>    
        </div>
        <span class="clearfix"></span>
    </div>

A.
B
C
D
E

---

另外，使用一些clearfix标签来清除浮动。

非常感谢，我的网站上有几个块。容器从左到右都有填充。或者你可以这样做：根据引导。