如何在引导程序中对齐此结构

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是一个使用bootstrap的代码片段。 你主要的两个div是无用的，如果你想给div一个偏移，给它col-md-offset-x和col-md-x类。