按像素數量手動擴展col

Question

我知道這是一種破解。 我有兩排排。 左側邊距設置爲-20px。 這會導致所有內容向左移20px。

我想知道有沒有辦法通過20像素

Answer 1

延長右山坳您可以使用填充，以將其推出

padding-right: 20px; 

Answer 2

這裏是在JSFiddle溶液變體

看

HTML：

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-xs-6 div0">right margin = -20px</div> 
    <div class="col-xs-6 div1">width = 50% + 20px</div> 
    </div> 
</div> 

CSS：

.div0 { 
    padding: 20px; 
    margin-right: -20px; 
    background-color: #669; 
} 
.div1 { 
    width: calc(50% + 20px); 
    float: right; 
    padding: 20px; 
    background-color: #696; 
}