并排3个div(bootstrap)

Question

我有3个div与浮动:左; 第一个是不能固定宽度的标题.第二个是150x150的图像,第三个是应该扩展到所有可用空间的段落.

如果段落很短(只有它有一条线它可以工作),一切都很好用,但如果它更长,段落就搞砸了.第二行不在第一行之下,而整个paragrah都在标题和图像之下.

我试图完成这个

这就是我得到的

标记是这样的

<div class="row row-list">
    <h3>title</h3>
    <div class="container-img"><img src=""></div>
    <div class="container-paragraph"><p>lorem ipsum</p></div>
</div>

在css旁边的样式(颜色,字体大小..)只有浮动:左; container-paragraph上的填充为50px 35px,margin为0;

我正在使用最新的bootstrap和wordpress

Answer 1

您应该使用bootstrap特定标记.在你的情况下它可能看起来像:

<div class="row row-list">
    <div class="col-xs-3"><h3>title</h3></div>
    <div class="col-xs-2 container-img"><img src=""> </div>
    <div class="col-xs-7 container-paragraph"><p>lorem ipsum</p></div>
</div>  

您可以col-xs(?)根据需要选择.为了更多的帮助,一些jsFiddle会很好!