如何居中三個span3

我正在使用Twitter Bootstrap，並試圖創建一個具有三個span3 div中心行的網格。如何居中三個span3

我試圖通過將三個span3s包裝在居中的span9中來實現這一目標，但這似乎不起作用。

我的問題是，divs沒有正確居中，因爲我是新來的HTML和CSS我真的需要一些幫助。謝謝！

HTML

<div class="row"> 
    <div class="span9 center"> 
     <div class="span3"> 
      <p>THUMBNAIL1</p> 
     </div> 
     <div class="span3"> 
      <p>THUMBNAIL2</p> 
     </div>  
     <div class="span3"> 
      <p>THUMBNAIL3</p> 
     </div> 
    </div> 
</div>

等

CSS：

.center { 
    float: none; 
    margin-left: auto; 
    margin-right: auto; 
    align: center; 
}

來源

2013-08-31 nilji

你使用Bootstarp版本2.3嗎？ – edsioufi

注意'align：center;'不存在。正確的語法是'text-align：center;' –

我正在使用Bootstrap v2.3.2 – nilji

而不是使用：

align: center;

用途：

text-align: center;

align不是CSS規則，雖然我猜你從align語法得到它作爲標籤的屬性

你也可以把它們放在裏面，並與位置相關元素，然後裏面有他們：

position: absolute; 
left: 50%; 
transform: (0, 50%);

您也可以使用此：

.span3 { 
    display: inline-block; 
    clear: both; 
} 
.span9 { 
    text-align: center; 
}

Fiddle Demo

來源

2013-08-31 12:04:25 Hive7

如果有任何方法我可以使用偏移量，例如「span3 offset1.5」，我想這也可以解決問題。你怎麼看待這件事？ – nilji

我將更新與絕對位置如何做答案 – Hive7

如何居中三個span3

回答

相關問題