如何讓小時之間更長時間？

Question

我使用引導我的立柱結構和要繪製列之間的水平線：

<div class="col-md-2 col-xs-12"> 
     <div class="col-md-2 icon"> 

     <i class="fa fa-bandcamp" aria-hidden="true"></i> 
     </div> 
     <div class="col-md-10 height hidden-xs"> 
     <p>mycomp account number</p><span class="text">2000299999940</span> 
     </div> 
     <div class="visible-xs height"> 
     <hr> 
     <p class="col-xs-5">mycomp account number:</p> 
     <p class="col-xs-7">2000299999940</p> 
     </div> 
</div> 

<div class="col-md-1"> 
     <hr class="line" /> 
</div> 

CSS：

.line { 
    width: 200px; 
    height: 3px; 
    background-color: #dadada; 
    margin-right:40px; 
    } 

由於自舉columnstructure有參與空間，但哪有我沒有全部的空間讓這條線更寬一些？ Codepen here

Answer 1

以及如果你想忽略引導默認的填充和利潤率使CSS文件中的類作爲

.no-padding-margin 
{ 
padding:0px; 
margin: 0px; 
} 

，然後這個類適用於您的引導列作爲

<div class="col-md-2 col-xs-12 no-padding-margin"> 
     <div class="col-md-2 icon"> 

     <i class="fa fa-bandcamp" aria-hidden="true"></i> 
     </div> 
     <div class="col-md-10 height hidden-xs"> 
     <p>mycomp account number</p><span class="text">2000299999940</span> 
     </div> 
     <div class="visible-xs height"> 
     <hr> 
     <p class="col-xs-5">mycomp account number:</p> 
     <p class="col-xs-7">2000299999940</p> 
     </div> 
</div> 

<div class="col-md-1 no-padding-margin"> 
     <hr class="line" /> 
</div> 

Answer 2

以及我明白你只是想讓你的線路更長。 那麼爲什麼你不要刪除行中的膠捲填充物，如果需要，還可以在.line上加上width:100%。

代碼：

.line { 
    width: 100%; 
    height: 3px; 
    background-color: #dadada; 
} 
.col-md-1 { 
    padding-left:0; 
    padding-right:0; 
}