2013-10-08 5 views
6

Ho il seguente:Come aggiungere spazio tra due pozzetti nel bootstrap 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> 

sembra che il due sono proprio accanto all'altro. Come aggiungo una piccola spaziatura tra i due pozzetti? La versione precedente di bootstrap sembrava funzionare automaticamente quando uso span0 per il div contenente "A" e span9 con il div contenente la frase.

risposta

3

avuto lo stesso problema che ho risolto con l'aggiunta di un div al centro degli altri due

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

C'è un modo per rendere il divario più piccolo del col-md -1? Sembra un po 'grande, mi piacerebbe che fosse almeno la metà o il 3/4 più piccolo. – Rolando

+0

modifica la classe di aggiunta css col-md-1-1 {width: your%; } – Zeeba

15

Si potrebbe mettere le well all'interno col-* contenitori ..

<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> 

o desideri personalizzare il margin-left CSS del 2 ° pozzetto.

Demo: http://bootply.com/86483

+3

Mi piace questo approccio: invece di fare il col- * div un pozzo, metti un div bene all'interno del col- * div. –

+0

modo migliore di farlo –

0

Più soluzione più semplice:

Aggiungere well all'interno col-md-* in un div separata:

<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>