Html 如何定义引导div上的列间距？

我在一个页面上声明了三个div元素，并希望重新定位最后一个div元素，使其与同一行中的第二个div更接近一个字符

我尝试的是将第三个div上的col值编辑为较低的值，我相信这会使div更接近第二个div：

class="col-xs-2 col-sm-2 col-md-1"

但这似乎对第三列的位置没有任何影响

问题：

我如何重新定位第三分区元素，使其更靠近第二分区“课程代码：”

我还尝试增加第三个div的col值，这会将文本放到新行上。这不是所需的定位：

class="col-xs-7 col-sm-7 col-md-6 nwrp"

我的asp页面中定义的三个div控件如下：

                        <div class="row mrgn">
                            <div class="col-xs-8 col-sm-8 col-md-5"><h5><strong>Course Name:</strong></h5></div>
                            <div class="col-xs-3 col-sm-3 col-md-2 nwrp"><h5><strong>Course Code:</strong></h5></div>
                            <div runat="server" id="OfferStatusTitle"  class="col-xs-3 col-sm-3 col-md-2 nwrp"><h5><strong>Offer Status:</strong></h5></div>
                            <div class="col-xs-1 col-sm-1 col-md-3"></div>
                        </div>

课程名称：
课程代码：
优惠状态：

这就是目前这三列的情况：

---

实际上，您需要增加第三列的宽度，这意味着按如下方式拆分列值：

<div class="row">
<div class="col-md-12 ">
  <div class="col-md-3">Course Name:</div>
  <div class="col-md-2">Course Code:</div>
  <div class="col-md-7">Offer Status:</div></div>
</div>

课程名称：
课程代码：
报价状态：

---

实际上，您需要增加第三列的宽度，这意味着按如下方式拆分列值：

<div class="row">
<div class="col-md-12 ">
  <div class="col-md-3">Course Name:</div>
  <div class="col-md-2">Course Code:</div>
  <div class="col-md-7">Offer Status:</div></div>
</div>

课程名称：
课程代码：
报价状态：

---

引导程序中的每列在左右两侧都有15px的填充。您可以删除它，使内容看起来更靠近左侧。 同一行中的列不能超过12列

如果需要，可以更精确地在第二个div中添加新div，在该div中有12列，这样可以更精确地指定

 <div class="col-xs-8 col-sm-8 col-md-5"><h5><strong>Course Name:</strong></h5></div>
 <div class="col-xs-3 col-sm-3 col-md-2 ">
     <div class='row'>
          <div class='col-xs-6 nwrp'>
               <h5><strong>Course Code:</strong></h5>
          </div>
          <div runat="server" id="OfferStatusTitle"  class="col-xs-6 nwrp"><h5><strong>Offer Status:</strong></h5>
          </div>
     </div>  
</div> 
<div class="col-xs-1 col-sm-1 col-md-3"></div>

课程名称：
课程代码：
优惠状态：

的确，一行中可以有12列，但在任何div标记中，可以有另外12列。第一个内部类使用row类，否则第一个和最后一个div标记的左侧和右侧将分别有30px的填充

---

行的左右边距为-15px。

引导程序中的每列的左右边距为15px。您可以删除它，使内容看起来更靠近左侧。 同一行中的列不能超过12列

如果需要，可以更精确地在第二个div中添加新div，在该div中有12列，这样可以更精确地指定

 <div class="col-xs-8 col-sm-8 col-md-5"><h5><strong>Course Name:</strong></h5></div>
 <div class="col-xs-3 col-sm-3 col-md-2 ">
     <div class='row'>
          <div class='col-xs-6 nwrp'>
               <h5><strong>Course Code:</strong></h5>
          </div>
          <div runat="server" id="OfferStatusTitle"  class="col-xs-6 nwrp"><h5><strong>Offer Status:</strong></h5>
          </div>
     </div>  
</div> 
<div class="col-xs-1 col-sm-1 col-md-3"></div>

课程名称：
课程代码：
优惠状态：

的确，一行中可以有12列，但在任何div标记中，可以有另外12列。第一个内部类使用row类，否则第一个和最后一个div标记的左侧和右侧将分别有30px的填充

---

行的左右边距为-15px。

引导将行除以12。在您的情况下，您在sm/xs上超过了12列，或者在中型设备上无法达到。如果你想让最后一部分更近一些，那么做一些类似6 4 2的事情。或者使用这个在线工具：Bootstrap将一行除以12。在您的情况下，您在sm/xs上超过了12列，或者在中型设备上无法达到。如果你想让最后一部分更近一些，那么做一些类似6 4 2的事情。或者使用此在线工具：Rememer将内列包装在另一

行中

我编辑了上面的问题，还有第四个div。考虑到这一点，我如何进行相同的编辑？Rememer将内列包装在另一

行中

我编辑了上面的问题，还有第四个div。考虑到这一点，我如何进行相同的编辑？