col align rechts
Ich versuche, erstellen Sie eine Zeile mit 2 Spalten. Einem col auf der linken Seite mit dem Inhalt, die Links ausgerichtet, und der zweite col, mit dessen Inhalt Rechtsbündig (alt-ziehen-rechts).
Wie gehe ich, über dieses in der alpha-6?
Habe ich versucht, ein paar Dinge, aber das ist was ich habe, so weit. Was bin ich?
<div class="row">
<div class="col">left</div>
<div class="col ml-auto">content needs to be right aligned</div>
</div>
InformationsquelleAutor Thibs | 2017-02-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwenden
float-right
für block-Elemente, odertext-right
für inline-Elemente:http://www.codeply.com/go/oPTBdCw1JV
Wenn
float-right
funktioniert nicht, denken Sie daran, dass Bootstrap-4 ist nun flexbox, und viele Elemente sinddisplay:flex
kann verhindern, dass derfloat-right
von der Arbeit.In einigen Fällen, die utility-Klassen, wie
align-self-end
oderml-auto
Arbeit nach rechts ausrichten Elemente in einer flexbox-container wie die Bootstrap 4 .Zeile, Karte oder Navi. Dieml-auto
(margin-left:auto) verwendet wird, in einem flexbox-element push-Elemente an der rechten Seite.Bootstrap-4 Rechtsbündig Beispiele
InformationsquelleAutor Zim
Aus der Dokumentation, Sie tun es gerne:
Docs
InformationsquelleAutor Jordan.J.D