col-md-# 组件的中心内容答案

【问题标题】：Center content of the col-md-# componentcol-md-# 组件的中心内容
【发布时间】：2014-06-11 18:59:19
【问题描述】：

我试图在我设置为 div 的行类中居中三个图像。我正在使用引导程序，但我找不到将每个 col-md-# 类组件的内容居中的方法。我怎样才能使内容居中？我的代码如下：

<div class="jumbotron">
       <div class="container">
           <div class="row">
               <div class="col-md-4">
                    <img src="img/1.png"> <br />
               </div>
               <div class="col-md-4">
                   <img src="img/2.png"> <br />
               </div>
               <div class="col-md-4">
                    <img src="img/3.png"> <br />
               </div>
            </div>
          </div>
       </div>
</div>

谢谢。我已经尝试了很多方法，甚至是内联样式格式，但它不起作用。

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

尝试在列上使用 text-center 类。请注意，它只会将内联元素居中，因此它是否真正适用于您取决于您的列中的内容。

它应该适用于基本图像。

【讨论】：

【解决方案2】：

将此添加到您的 css img

.col-md-4 img {
display:block;
margin:auto;
}

会有用的

demo here

【讨论】：