bootstrap將內容填充到左邊

使用twitter引導程序，我試圖在一個模式框中放置一些.well divs，但它給了我各種頭痛。bootstrap將內容填充到左邊

基本上，我希望每個井都包含兩件東西，一些文字在左邊，一張在右邊。我希望那兩個在同一行。然後，我想讓這些井彼此相鄰。

不幸的是，我無法得到井的內容正常工作。文字總是被擠壓到左邊，圖像也在左邊，整個右邊是空的。

這裏是我的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。

有沒有人有任何建議讓這個工作？

來源

2013-06-26 CorayThan

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

來源

2013-06-26 07:03:26

這確實有一點幫助，但即使如此，它仍然沒有像應該一樣工作。圖像周圍還有一些奇怪的間距問題（大的空白空間），文字仍然向左側擠壓。至少現在，我已經決定讓這些井具有固定的尺寸，並且相對放置那些文本/圖片。（也可以使它成爲一個非常沒有反應的設計，完全忽略bootstrap） – CorayThan

你需要根據你的要求編輯你的css我只是給你一個通用的解決方案 –

我實際上是通過製作自己喜歡的類來「解決」它，但是你的答案是對這個問題的回答。 – CorayThan

bootstrap將內容填充到左邊

回答

相關問題