Twitter的引導流體排水平排列

我有一個流體行中，我有一個項目（非文本），我想對齊水平居中Twitter的引導流體排水平排列

文本

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span12" style="text-align: center"> 
      <img src="@Url.Content("~/Images/Domain/IMG_1710.jpg")" /> 
     </div> 
    </div> 
</div>

這個工程相當精細

但是隻要我增加一個最大寬度和最大高度對齊不再起作用。

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span12" style="text-align: center;max-height: 300px; max-width: 400px" > 
      <img src="@Url.Content("~/Images/Domain/IMG_1710.jpg")" /> 

    </div> 
</div>

我在做什麼錯了？我怎樣才能設置最大寬度和高度，並有一個居中對齊？

來源

2012-12-20 Boas Enkler

把CSS的圖像本身？ – Richlewis

爲什麼不使用.offset類跨度 – ashley

定位怎麼做我不得不申請偏移種類？你有一個例子？ –

要遵循引導規則，嘗試用offset類

<div class="row-fluid"> 
    <div class="span4 offset4"> 
     <img src="yourimage" /> 
    </div> 
</div>

使其居中

see documentation

來源

2012-12-20 14:31:43 lante

在Bootstrap的span#類之一上應用max-height和max-width將覆蓋網格樣式。我建議把圖象的高度/寬度（如果文本對齊不起作用，你可以在圖像上嘗試margin: 0 auto。

來源

2012-12-20 13:58:27 MikeTedeschi

Twitter的引導流體排水平排列

回答

相關問題