html - 如何在 Bootstrap 中对齐此结构

Question

您好，我正在开发页面的 div 部分，如下图所示。

我听说过offset，但我没有用过offset。我试过下面给出的一些代码。

<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 是无用的，如果你想给 div 一个偏移量，同时给它 col-md-offset-x 和 col-md-x 类(class)。