为什么保证金在'bootstrap col'的div之间不起作用？

http://bootply.com/84073 为什么保证金在'bootstrap col'的div之间不起作用？

<div class"col-lg-12"=""> 
    <header class="clearfix"> 
     <section id="branding"> 
      <a href="index.php"><img src="https://www.google.com/images/srpr/logo4w.png" alt=""></a> 
     </section> 
    </header></div>

我尝试添加#branding {保证金：0汽车}样式的标志，以中间，但它不工作

来源

2013-09-30 Ulises Colen

我不能工作，除非你给元素一个宽度 - 它是一个块元素，所以默认情况下它需要整个可用宽度。 – CBroe

这会使SECTION本身居中，但由于它已经填满整个宽度，所以它不会做任何事情。你想把图像居中SECTION。 – RoToRa

您可以使用

#branding{text-align: center;}

来源

2013-09-30 10:06:40

是的，它的工作 –

img { 
    display: block; 
    margin: 0 auto; 
}

应该这样做。

来源

2013-09-30 10:10:37

为什么保证金在'bootstrap col'的div之间不起作用？

回答

相关问题