我正在使用Bootstrap框架，并试图获得水平居中的图像，但没有成功.
我已经try 了各种技术，比如将12个网格系统分成3个相等的块
<div class="container">
<div class="row">
<div class="span4"></div>
<div class="span4"><img src="logo.png" /></div>
<div class="span4"></div>
</div>
</div>
哪种最简单的方法可以使图像相对于页面居中？
推特 bootstrap v3.0.3有一个类:Center-挡路
使工具集块居中
设置要显示的元素:块和通过边距居中.可作为混搭和课堂使用.
只需在img标记中添加一个类.center-block，如下所示
<div class="container">
<div class="row">
<div class="span4"></div>
<div class="span4"><img class="center-block" src="logo.png" /></div>
<div class="span4"></div>
</div>
</div>
在 bootstrap 中已经有css样式调用.center-挡路
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
您可以看到here个样品中的一个