ブートストラップでこの構造を整列する方法

Question

こんにちは私は下の画像のようにページのdiv部分を開発しています。

オフセットについて聞いたことがありますが、オフセットは使用しませんでした。私は以下のコードで試しました。

<div class="row"> 
    <div class="col-lg-offset-4 col-md-offset-4 col-sm-offset-4"></div> 
     <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
      <div class="text-center service-text"> 
       <h1>our best services</h1> 
       <h2>business valuation</h2> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus leo orci.</p> 
       <img src="images/ser_icon_1.png"> 
      </div> 
     </div> 
    <div class="col-lg-offset-4 col-md-offset-4 col-sm-offset-4"></div> 
</div> 

ただし、divは左に揃えられます。

左側と右側の間に空きスペースを作る方法はありますか。前もって感謝します。

Answer 1

<div class="row"> 
     <div class="col-lg-offset-4 col-lg-4 col-md-offset-4 col-md-4 col-sm-offset-4 col-sm-4 col-xs-12"> 
      <div class="text-center service-text"> 
       <h1>our best services</h1> 
       <h2>business valuation</h2> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus leo orci.</p> 
       <img src="images/ser_icon_1.png"> 
      </div> 
     </div> 
</div> 

これは、Hereのコードスニペットがブートストラップと連携しているスニペットです。 divをオフセットにしたい場合は、メインのdivの2つのdivは役に立たないので、col-md-offset-xとcol-md-xの両方のクラスを付けてください。