Sto cercando di avere due colonne non uguali nel bootstrap. Voglio avere una colonna su ciascun lato (quindi se ci sono colonne da 1 a 12, 1 e 12 saranno vuote) e col-md-2 ~ 5 è una colonna e 6 ~ 11 è un'altra colonna.come avere un col-md- * vuoto nel bootstrap
Non riesco davvero a trovare un esempio per questo (a parte l'offset) - qualcuno può aiutarmi?
Se non si desidera utilizzare compensato secondo il vostro requisito, utilizzare
<div class="container">
<div class="row" style="background:red">
<div class="col-md-1" style="background:yellow"> </div>
<div class="col-md-4" style="background:green">B</div>
<div class="col-md-6" style="background:red">C</div>
<div class="col-md-1" style="background:yellow"> </div>
</div>
</div>
Ma, penso che si dovrebbe usare gli offset
Utilizzare offsets. Devi solo definire il primo offset poiché il secondo col galleggerà vicino al primo.
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div style="background:#f99" class="col-xs-4 col-xs-offset-1">Cols 2-5</div>
<div style="background:#9f9" class="col-xs-6">Cols 6-11</div>
</div>
</div>Nota: sto usando la dimensione della colonna xs quindi funziona nel telaio snippet.
Hi there, Hai bisogno di pensare come questo avrà un aspetto su schermi più piccoli. Non ha senso avere uno spazio a sinistra ea destra su uno schermo mobile. Questo è il motivo per cui è meglio usare 'col-xx-offset-xx' in modo da poter ** ZERO ** l'offset quando necessario. Spero che questo possa aiutare. – AngularJR