Question

使用twitter bootstrap，我试图在一个模态框中浮动一些.well div，但它给了我各种麻烦。

基本上，我希望每个井都包含两个东西，左边是一些文字，右边是一个图像。我希望那两个在同一行。然后，我希望水井彼此相邻。

不幸的是，我无法让井的内容正常工作。文本总是向左压扁，图像也在左边，整个右边都是空的。

这是我的css：

<div class="modal-body">
    <div class="row-fluid">
        <div class="span4 oneBook">
           <div class="well">
            <div class="row">
                <div class="span2">
                    <p><strong>Book Title</strong>: Claw of the Conciliator<br>
                    <strong>Author:</strong>: Gene Wolfe<br>
                </div>  
                <div class="offset3">
                    <img class="img-polaroid smallerImage" src="http://www.picturesofbooks.com/claw-of-the-conciliator"/>
                </div>
            </div>
           </div>
       </div>
    </div>
</div>

类似oneBook的div会重复多次，因为我想在模态中显示多少本书。

有没有人有任何建议可以让它发挥作用？

Answer 1

<div class="offset3 span3"><img class="img-polaroid smallerImage" src="http://www.picturesofbooks.com/claw-of-the-conciliator"/></div>

引导好将内容压扁到左边

1 个答案: