Wie man Rechtsrechte in Bootstrap ausrichtet

Bei der Entwicklung einer Anwendung ist es wichtig, die richtige Ausrichtung und Position der Komponenten zu berücksichtigen. Dieser Ansatz hilft Entwicklern, die Anwendung professioneller zu machen. Die Ausrichtung bezieht sich auf die Anordnung von Gegenständen. Insbesondere können in Bootstrap mehrere Klassen verwendet werden, um die Ausrichtung des Elements anzupassen, wie zTextrechnung","schweben rechts", und viele mehr.

Mit diesem Bericht werden Sie angewiesen, wie Sie sich direkt in Bootstrap ausrichten können.

Wie man Rechtsrechte in Bootstrap ausrichtet?

Es gibt verschiedene Möglichkeiten, Artikel in Bootstrap richtig auszurichten. Einige von ihnen sind unten aufgeführt:

• • Float-Rechtsklasse
  • Justify-Content-End
  • Align-items-Ende
  • Ausrichtungs-Selbst-End
  • ML-Auto
  • Textrechnung

Methode 1: Wie man in Bootstrap mit der Klasse „Float-Light“ ausgerichtet ist?

In Bootstrap, die “schweben rechtsDie Klasse hat das Element auf der rechten Seite positioniert.

Beispiel

In diesem Beispiel werden wir die „verwenden“schweben rechts"Klasse im" "" Element:

Verwenden von Float-Right-Klasse

Ausgang

Methode 2: Wie man Rechtsrechte in Bootstrap mit der Klasse „Justify-Content-End“ ausrichtet?

Die Bootstrap -Klasse “Justify-Content-End”Wird mit flexiblen Gegenständen verwendet. Also das "D-FlexDie Klasse wird auch dem Element "" hinzugefügt:

Verwenden von Justify-Content-End

Ausgang

Methode 3: Wie man Rechtsrechte in Bootstrap mit der Klasse „Align-items-Ende“ ausgeht?

Der "Align-items-Ende"Ist die Dienstprogrammklasse der"Ausrichtung”. Diese Klassen werden verwendet, um die Ausrichtungen der Flex -Elemente anzupassen. Die D-Flex-Klasse macht also den Display des Elements flex. Fügen Sie dann in diesem „“ Behälter zwei weitere Elemente hinzu:

Gegenstand 1

Ausgang

Methode 4: Wie man Rechtsrechte in Bootstrap mit der Klasse „Align-Self-Ende“ ausgeht?

Der "Ausrichtungs-Selbst-EndDie Klasse wird verwendet, um die Ausrichtung der einzelnen Elemente nach rechts festzulegen.

Beispiel

Lassen Sie uns mit Hilfe des folgenden Beispiels verstehen:

• • Füge hinzu ein "Element und zuweisen Sie es "das"D-Flex" Und "Flex-Säule" Klassen.
  • Geben Sie innerhalb des Elements „“ drei Unterkontinker an.
  • Zuweisen Sie die “Ausrichtungs-Selbst-End”Klasse zum zweiten„ “Element:

Linie 1

Ausgang

Methode 5: Wie man Rechtsrechte in Bootstrap mit der Klasse „ML-Auto“ ausrichtet?

Der "ML-AutoDie Klasse fügt den Randraum am linken Element hinzu. Um es zu nutzen:

• • Präzisiere das ""Element mit der Klasse" D-Flex ".
  • Erstellen Sie dann eine Schaltfläche mit der “Btn","BTN-OUTLINE-Primary", Und "ML-Auto" Klassen:

ML-Auto-Taste

Ausgang

Methode 6: Wie man Rechtsrechte in Bootstrap mit der Klasse „Text-Rechts“ ausrichtet?

Der "TextrechnungDie Klasse richtet den Text auf der rechten Seite aus. Fügen Sie im folgenden Beispiel eine hinzu “

”Element und zuweisen Sie es eine“Textrechnung" Klasse:

Dieser Text ist richtig ausgerichtet.

Ausgang

Es ging darum, die richtige Ausrichtung in Bootstrap festzulegen.

Abschluss

Mehrere Klassen in Bootstrap werden verwendet, um die richtige Textausrichtung festzulegen, wie zschweben rechts","Justify-Content-End","Align-items-Ende","Ausrichtungs-Selbst-End","ML-Auto", Und "Textrechnung”. Einige Klassen funktionieren jedoch mit Display an den Elementen “biegen”. Dieser Beitrag hat gezeigt.