如何在引導程序3中的兩個井之間添加空間？

我有以下幾點：如何在引導程序3中的兩個井之間添加空間？

<div class="row"> 
<div class="well col-md-3">A</div> 
<div class="well col-md-9">The quick brown fox jumped over the lazy dog.</div> 
</div>

看樣子兩個緊挨着對方。我如何在兩口井之間增加一點間距？當我使用span0作爲包含「A」的div和包含該句子的div的span9時，較舊版本的bootstrap似乎自動工作。

來源

2013-10-08 Rolando

如果我固定它通過在其他兩個

<div class="col-lg-1 col-md-1 hidden-sm hidden-xs"> 
     <!-- center buffer div --> 
</div>

來源

2013-10-08 21:13:06 Zeeba

有沒有一種方法，使比COL-MD間隙越小-1？它看起來有點大，我希望它至少縮小一半或三分之一。 – Rolando

編輯CSS添加類col-md-1-1 {width：your％; } – Zeeba

中間添加一個div你可以把你的well內col-*容器同樣的問題..

<div class="row"> 
    <div class="col-md-3"><div class="well">A</div></div> 
    <div class="col-md-9"><div class="well">The quick brown fox jumped over the lazy dog.</div></div> 
</div>

，或者您需要必須自定義第二口井的margin-left CSS。

演示：http://bootply.com/86483

來源

2013-10-08 22:53:57 ZimSystem

我喜歡這種方法：不要讓col- * div變好，而是在col- * div中放入一個好的div。 –

更好的方式來做到這一點 –

更簡單的解決方案：

內col-md-*在一個單獨的DIV添加well：

<div class="row"> 
<div class="col-md-3"> 
<div class="well">A</div> 
</div> 
<div class="col-md-9"> 
<div class="well">The quick brown fox jumped over the lazy dog.</div> 
</div> 
</div>

來源

2017-08-02 11:57:53

如何在引導程序3中的兩個井之間添加空間？

回答

相關問題