中心底部元素父母div

嗨，我有一個小問題。我想在底部添加幾個div居中的元素。我試過這個：中心底部元素父母div

position:absolute; 
min-width:73px; 
min-height:52px; 
margin: 0 auto; 
    left: 0; 
    right: 0; 
bottom:0px;

但它不起作用。該代碼將每個div設置在相同的位置（vh的底部）。我使用bootstrap，也許這個信息有助於解決這個問題？

全碼：

<div class="row container-box> 

    <div class="col-md-10 col-md-offset-1" > 
//some stuff 
    </div> 

<a href="#second"><span id="myid" class="glyphicon glyphicon-chevron-down "></span></a> 

     </div>

來源

2016-01-21 Karol Jankiewicz

引導有一類.center塊，但只是添加float:none;那個類。所以，在你的CSS確保您有：

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

你的HTML應該是這樣

<div class="container"> 
    <div class="row"> 
    <div class="col-md-10 center-block"> 
    //some stuff 
    </div> 
    </div> 
</div>

來源

2016-01-21 02:03:13

OK，我可以中心我的.center塊格，但不能使用的位置是：絕對以設置底部：0px（中心不再工作） –

類容器盒是你自己的類嗎？而你的意思是「我想在底部添加少數以div爲中心的元素」。喲意味着什麼？ –

我很抱歉，但沒有一個名爲container-box的bootstrap類。對於自舉中的容器，有兩類：容器和容器流體。 http://getbootstrap.com/css/#grid-intro –

中心底部元素父母div

回答

相關問題