html - col-md-# 组件的居中内容

Question

我试图将我设置为 div 的行类中的三个图像居中。 我正在使用 bootstrap，但我找不到将每个 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>

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

Answer 1

尝试在您的列上使用文本中心类。请注意，它只会将内联元素居中，因此它是否真的适合您取决于您​​列中的内容。

它应该适用于基本图像。