Links ausrichten und rechts ausrichten innerhalb eines div in Bootstrap

Question

Was sind einige der gängigen Möglichkeiten, um innerhalb eines Div-Containers in Bootstrap Text links auszurichten und anderen Text rechts auszurichten?

z.B.

Gesamtkosten                   $42

Oben sollten die Gesamtkosten der linkbündige Text sein und $42 der rechtsbündige Text.

Answer 1

Wir können dies mit Bootstrap 4 Flexbox erreichen:

TotalKosten $42

d-flex // Flexbox anzeigen
justify-content-between // justify-content:space-between
w-100 // Breite:100%

Beispiel: JSFiddle

Answer 2

  Gesamtkosten

  $42

Das sollte die Arbeit schon ganz gut erledigen

Answer 3

        Gesamtkosten

        42

Dies wird funktionieren und ist einfach zu verstehen. In dem Klassenattribut habe ich Bootstrap 5 Klassen verwendet.