保證金：0汽車不能正常工作的引導

這裏是我的代碼：保證金：0汽車不能正常工作的引導

<div class="container-fluid"> 
     <div class="carousel slide" data-ride = "carousel" style="position: relative"> 
      <div class="carousel-inner" role="listbox"> 
       <div class="item active"> 
       <img src="images/slide-1.jpg"> 
       </div> 
       <div class="item"> 
       <img src="images/slide-2.jpg"> 
       </div> 
       <div class="item"> 
       <img src="images/slide-3.jpg"> 
       </div> 
      </div> 
     </div> 
     <div class="container" style="background-color:#fff; top: 50px; margin: 0 auto;"> 
      <h1>Hello</h1> 
     </div> 
</div>

這裏是輸出：

的問題是「容器」 DIV不居中。我知道「位置：絕對」是主要的麻煩製造者，但我如何定位沒有「位置：絕對」的div？解決辦法是什麼？

來源

2016-02-25 Kallol Das

在Bootstrap中，'.container'類已經有'margin：0 auto;'set by-default！ –

https://jsfiddle.net/rahulchandrasekharan/22rooLr3/5/ – linktoahref

您可以使用下面的中心代碼..

.container{ 
    background-color:#fff; 
    position: absolute; 
    top: 50px; 
    left:50%; 
    transform:translate(-50%, -50%); 
    -webkit-transform:translate(-50%, -50%); 
    -moz-transform:translate(-50%, -50%); 
} 

<div class="container"> 
     <h1>Hello</h1> 
</div>

來源

2016-02-25 07:31:40

仍然無法使用@pradeep Pansari –

代碼已更新..現在您可以檢查 –

你必須定義父DIV和容器的寬度，那麼你可以使用

margin:0 auto;

或如果集裝箱70％的寬度

margin-left:15%; 
margin-right:15%;

15％它的（100-容器）/ 2

來源

2016-02-25 07:55:21 mohade

保證金：0汽車不能正常工作的引導

回答

相關問題