引導好向左擠壓內容

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>