ブートストラップのレイアウト間にコンテンツを配置します

Question

私はブートストラップ3を使用しています。赤いフレームの幅の中央にコンテンツ（3つの画像を含む）を含めたいと思います。

https://codepen.io/anon/pen/WZyrYq

HTML：

<div class="container"> 
    <div class="row me"> 
     <div class="col-lg-3 many-cols-centered"> 
      <img src="http://via.placeholder.com/300"> 
     </div> 
     <div class="col-lg-3 many-cols-centered"> 
      <img src="http://via.placeholder.com/300"> 
     </div> 
     <div class="col-lg-3 many-cols-centered"> 
      <img src="http://via.placeholder.com/300"> 
     </div> 
    </div> 
</div> 

はCSS：

.container{ 
    border:solid 1px red;padding:0;box-sizing:border-box 
} 
.me{text-align:center} 
.many-cols-centered { 
    float: none; 
    display: inline-block;padding:0 
} 

Answer 1

は、あなたがこのような何かを意味していますか？

あなたはこのような何か行うことができますので、場合：

<div class="container"> 
<div class="row me"> 
    <h>Hello my friend</h> 
    <div "col-lg-12"> 
    <div class="col-lg-3 many-cols-centered"> 
    <img src="http://via.placeholder.com/300"> 
    </div> 

    <div class="col-lg-3 many-cols-centered"> 
     <img src="http://via.placeholder.com/300"> 
    </div> 

    <div class="col-lg-3 many-cols-centered"> 
     <img src="http://via.placeholder.com/300"> 
    </div> 
    </div> 
</div>