Allineamento a sinistra e allineamento a destra nel div in Bootstrap
Quali sono alcuni dei modi comuni per allineare a sinistra alcuni testi e allineare a destra altri testi all'interno di un contenitore div in bootstrap?
ad es.
Total cost $42
Sopra il costo totale dovrebbe essere testo allineato a sinistra e $42 è testo allineato a destra
235
3
2018 Aggiornamento...
Bootstrap 4.1+
pull-right
è orafloat-right
.text-right
è lo stesso della 3.x e funziona per gli elementi in lineafloat-*
chetext-*
sono responsive per allineamenti diversi a larghezze diverse (cioè:float-sm-right
)Anche gli strumenti di flexbox (es:
justify-content-between
) possono essere usati per l'allineamento:oppure, i margini automatici (es:
ml-auto
) in qualsiasi contenitore flexbox (riga, navbar, scheda, d-flex, ecc...)Bootstrap 4 Align Demo
Esempi di Bootstrap 4 Allineamento a destra(float, flexbox, text-right, etc...)
hr>
Bootstrap 3
Utilizzare la classe
pull-right
..Bootstrap 3 Demo
Puoi anche usare la classe
text-right
come questa:Bootstrap 3 Demo 2
Invece di usare la classe
pull-right
, è meglio usare la classetext-right
nella colonna, perchépull-right
crea problemi a volte durante il ridimensionamento della pagina.Questo dovrebbe fare il lavoro proprio bene