Io usoModificare il margine di 20px Twitter Bootstrap di default per le classi campata
<div id="windows">
<div class="row-fluid">
<div class="span4 mywindow">Text</div>
<div class="span4 mywindow">Text</div>
<div class="span4 mywindow">Text</div>
</div>
</div>
all'interno di un DIV #windows di larghezza speciale.
Desidero ridurre lo spazio predefinito di 20px tra questi tre blocchi.
questi codice css
#windows .span4
{
margin-right:-10px;
}
definisce uno spazio adeguato tra blocchi, ma ciascun blocco mantenere la stessa larghezza in modo che la larghezza totale è inferiore al 100% del div genitore (c'è uno spazio a destra).
Posso risolvere il problema modificando la larghezza dei blocchi utilizzando !important
. Quindi la correzione è
#windows .span4
{
margin-right:-10px;
width:180px !important;
}
La domanda allora è: ha senso utilizzare Twitter Bootstrap classe span4 per le mie finestre se devo risolvere il problema così difficile?
Voglio dire, è una buona pratica correggere sia margin-right che width per le classi di estensione Bootstrap di Twitter o c'è una soluzione più semplice e migliore per sistemare i blocchi? P.S. Twitter Bootstrap viene utilizzato anche per altri scopi nella pagina (quindi span4 non è l'unico motivo per utilizzare Twitter Bootstrap nel mio caso).
Sei solo un genio! –