Bootstraping网页

Question

这听起来有点奇怪，但我需要一些帮助，网页必须有一行必须包含三个部分，第一部分必须有1列的偏移，并且部分之间的空间必须是10px到目前为止，使用bootstrap一切顺利。

现在第二行将有2个相等的部分，其边缘必须与前一行的边缘对齐，第一部分的偏移量为1列，部分之间的间距必须为10px。

我的问题是第二行，我怎样才能创建这两个相同宽度的部分，它们之间的距离为10px，并且它的边缘与前一行的边缘对齐。

我告诉你一个问题的图片。

我的第一行代码是：

<div class="barra row">
        <div class="col-md-3 col-md-offset-1 col-sm-3 col-xs-3 col-xs-offset-1 colum4"></div>
        <div class="col-md-3 col-sm-3 col-xs-3 leftMargin colum4" id="a"></div>
        <div class="col-md-3 col-sm-3 col-xs-3 leftMargin colum4" id="b"></div> 
</div>

第二行代码是什么？

Answer 1

试试这个：

<div class="row">
    <div class="col-xs-1"></div>
    <div class="col-xs-11">
        <div class="row">
            <div class="col-xs-4 colum4" style="margin-right:10px; width:calc(33.333% - 6.666px);"></div>
            <div class="col-xs-4 colum4" style="margin-right:10px; width:calc(33.333% - 6.666px);"></div>
            <div class="col-xs-4 colum4" style="width:calc(33.333% - 6.666px);"></div>
        </div>
        <div class="row">
            <div class="col-xs-6" style="margin-right:10px; width:calc(50% - 5px);"></div>
            <div class="col-xs-6" style=" width:calc(50% - 5px);"></div>
        </div>
    </div>
</div>

Answer 2

如果我正确地解释你的描述，下一行会是这样的。

   <div class="row">
     <div class="col-sm-5" style="margin-right:10px;></div>
     <div class="col-sm-5></div>
   </div>