如何在引导中对齐此结构

您好我正在开发一个页面的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对齐到左边。

如何在左侧和右侧之间留出空白？提前致谢。

来源

2017-06-22 Prasath V

h1，h2，p是块级元素，所以它将占用全部宽度，尝试给它们跨度。 –

<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一个偏移量，给它既col-md-offset-x和col-md-x类。

来源

2017-06-22 13:33:34

谢谢@Antione Thiry –

如何在引导中对齐此结构

回答

相关问题