Bootstrap 3中心容器div

Question

我似乎找不到将一个有几个图像和一个标签的容器居中的方法。代码如下：

<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或"row“div (下图)在浏览器中居中？

Answer 1

尝试添加“页边距: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>

您还可以查看有关使用Bootstrap的“偏移”的this post