Bootstrap 3中心容器div

我似乎無法找到將容器放置在具有幾張圖像和一個標籤的容器中間的方法。這裏是代碼：Bootstrap 3中心容器div

<div class="container"> 
    <div class="row"> 
     <div class="col-sm-1" style="width:88px;padding-left:0px"> 
      <img id="Img1" runat="server" src="images/image1.gif" /> 
     </div> 
     <div class="col-sm-8" style="height:60px"> 
      <div class="row"> 
       <div class="col-sm-12 BaseColor1" style="text-align:center"> 
        <img id="Img2" runat="server" src="images/image2.gif" /> 
       </div> 
      </div> 
      <div class="row" style="background-color:white;color: black;text-align:center"> 
        <div class="col-sm-12" style="vertical-align:central"> 
         <asp:Label Runat="server" Height="26px" ID="lblComp">COMPANY</asp:Label> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div>

如何使整個容器div或「行」div（下面）在瀏覽器居中？

來源

2014-04-03 Hidalgo

你嘗試添加文本對齊：中心;你的排課？ – briskovich

是的。我試圖用text-align：center添加樣式到行div，但沒有區別。感謝您的建議。 – Hidalgo

怎麼回合你的容器類？ – briskovich

嘗試增加「保證金：0汽車」

<div class="container" style="margin:0 auto"> 
    <div class="row"> 
     <div class="col-sm-1" style="width:88px;padding-left:0px"> 
      <img id="Img1" runat="server" src="images/image1.gif" /> 
     </div> 
     <div class="col-sm-8" style="height:60px"> 
      <div class="row"> 
       <div class="col-sm-12 BaseColor1" style="text-align:center"> 
        <img id="Img2" runat="server" src="images/image2.gif" /> 
       </div> 
      </div> 
      <div class="row" style="background-color:white;color: black;text-align:center"> 
        <div class="col-sm-12" style="vertical-align:central"> 
         <asp:Label Runat="server" Height="26px" ID="lblComp">COMPANY</asp:Label> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div>

您還可以看到this post關於使用引導的「補償」

來源

2014-04-03 19:41:07 maccettura

maccettura。感謝您的建議。它不起作用，但我正在閱讀建議的帖子。 JuanC的建議完成了這項工作。 – Hidalgo

Bootstrap 3中心容器div

回答

相關問題