Bootstrap Components

Bootstrap-Dropdowns

Bootstrap-Collapse-Plugin

Das Dropdown-Menü wird manchmal auch als Pull-Down-Menü oder Dropdown-Liste bezeichnet und erscheint, wenn auf eine Schaltfläche oder eine Textauswahl geklickt wird, sodass der Benutzer einen einzelnen Wert auswählen kann. A runterfallen Die Liste kann verwendet werden, um eine große Liste von Optionen anzuzeigen, wobei zunächst nur eine Option angezeigt wird. Die übrigen Optionen werden angezeigt, […]

Bootstrap-Dropdowns Read More »

Dropdown-Menüs der Bootstrap-Schaltfläche

Bootstrap-Collapse-Plugin

In diesem Tutorial wird das Hinzufügen eines Dropdown-Menüs zu Schaltflächen im Bootstrap erläutert. Wir können ein Dropdown-Menü mit verschiedenen Arten von Schaltflächen erstellen, indem wir einfach verwenden .btn-Gruppe im Dropdown-Menü. Das folgende Beispiel zeigt, wie man Dropdown-Menüs zu Schaltflächen hinzufügt. lesen Sie auch: Bootstrap-Setup Bootstrap-CSS Einführung in die Stiftung HTML5-Tutorials <!DOCTYPE html> <head> <title>Bootstrap Example</title>

Dropdown-Menüs der Bootstrap-Schaltfläche Read More »

Bootstrap-Schaltflächengruppen

Bootstrap-Collapse-Plugin

Bootstrap Bietet die Möglichkeit, mithilfe der Bootstrap-Klasse eine Reihe von Schaltflächen in einer einzelnen Zeile zu gruppieren .btn-Gruppe. Wir verwenden diese Klasse einfach innerhalb des div-Elements und wenden die Klasse an .btn-Gruppe darauf. Es verwaltet den ausgewählten oder nicht ausgewählten Status für eine Reihe von Schaltflächen. In diesem Tutorial wird die Verwendung erklärt Schaltflächengruppen im

Bootstrap-Schaltflächengruppen Read More »

Bootstrap-Eingabegruppen

Bootstrap-Collapse-Plugin

In diesem Tutorial wird erläutert, wie Sie Text oder Schaltflächen vor, nach oder auf beiden Seiten einer textbasierten Eingabe hinzufügen. Der Bootstrap stellt die Klasse bereit .Eingabegruppe mit einem .input-group-addon Klasse zum Voranstellen oder Anhängen von Text in a .form-control. Um Vor- oder Nachelemente in ein Formularsteuerelement einzufügen, verwenden wir einfach die Klasse input-group innerhalb

Bootstrap-Eingabegruppen Read More »

Bootstrap-Navigationssteuerung

Bootstrap-Collapse-Plugin

Der allgemeine Begriff Navigation bezieht sich auf den Prozess der Navigation von Informationsressourcen im World Wide Web. Der Bootstrap bietet eine Möglichkeit, Navigationskomponenten wie einfache Tab-Navigation, Pillen-basierte Navigation, vertikale oder gestapelte Navigation, Tab- und Pillen-basiertes Dropdown-Menü zu erstellen, die über die .nav-Klasse dasselbe Markup und dieselben Stile verwenden. Die Liste der in diesem Tutorial bereitgestellten

Bootstrap-Navigationssteuerung Read More »

Bootstrap-Breadcrumbs

Bootstrap-Collapse-Plugin

A Semmelbrösel ist eine Navigationsfunktion, die den Navigationspfad des Benutzers in einer Website oder Webanwendung anzeigt. Breadcrumbs erscheinen normalerweise horizontal oben auf einer Webseite. Wir verwenden die Breadcrumb-Navigation für große Websites mit hierarchisch angeordneten Seiten. Eine Website unterteilt die Website in Links von Kategorien und Unterkategorien, sodass wichtige Informationskategorien in sequentieller Reihenfolge verknüpft werden können.

Bootstrap-Breadcrumbs Read More »

Bootstrap-Paginierung

Bootstrap-Collapse-Plugin

Seitennummerierung ist der Prozess der Aufteilung des Inhalts in separate Seiten und stellt Paginierungslinks mit der mehrseitigen Paginierungskomponente bereit. Paginierung wird oft in jeder Webanwendung verwendet, die dazu dient, eine begrenzte Anzahl von Ergebnissen auf Ergebnisseiten anzuzeigen. In diesem Tutorial werden folgende Themen erläutert, die bei der Bootstrap-Paginierung verwendet werden: Standard-Paginierung Deaktivierte und aktive Zustände

Bootstrap-Paginierung Read More »

Bootstrap-Labels

Bootstrap-Collapse-Plugin

Etikett stellt eine Beschriftung für ein Element in einer Benutzeroberfläche dar. Es wird verwendet, um einem Formularsteuerelement Beschriftungen wie wichtige Notizen, Warnmeldungen usw. hinzuzufügen. Wir können auch auffällige Beschriftungen erstellen und Text mit Inline-Beschriftungen kommentieren. Wenn wir einen wichtigen Hinweis zu seinem jeweiligen Konzept angeben möchten, können wir die Inline-Beschriftung in Bootstrap verwenden. lesen Sie

Bootstrap-Labels Read More »

Bootstrap-Abzeichen

Bootstrap-Collapse-Plugin

Abzeichen sind kleine und einfache Komponenten, die dazu dienen, dem Benutzer wichtige Benachrichtigungen anzuzeigen, z. B. die Anzahl der empfangenen Nachrichten, ungelesene Nachrichten, die Anzahl der Freundschaftsanfragen, die Anzahl der im Posteingang der E-Mail-Adresse gefundenen E-Mails usw. Abzeichen sind die kleinen nummerierten Symbole, die angezeigt werden in den Mail- und SMS-Apps, wenn wir neue Nachrichten

Bootstrap-Abzeichen Read More »

Bootstrap-Jumbotron

Bootstrap-Collapse-Plugin

A Jumbotron ist eine leichte Komponente, die die Größe der Überschriften und die Breite des Ansichtsfensters vergrößert, um den wichtigsten Inhalt oder die wichtigsten Informationen auf der Website anzuzeigen oder um Highlights der Webseite anzuzeigen. Wir können Jumbotron erstellen, indem wir verwenden .Jumbotron Klasse innerhalb des div-Containers. lesen Sie auch: Bootstrap-Setup Bootstrap-Typografie Wir können ein

Bootstrap-Jumbotron Read More »

Bootstrap-Warnungen

Bootstrap-Collapse-Plugin

Im Allgemeinen ist eine Warnung eine Warnung vor einem Problem. Warnungen liefern Informationen zu Sicherheitsproblemen, Schwachstellen und Exploits. Warnmeldungen werden häufig verwendet, um die Aufmerksamkeit der Endbenutzer zu lenken, z. B. Warnmeldungen, Bestätigungsmeldungen, Fehlermeldungen usw. Mithilfe von Warnmeldungen können wir allen Warnmeldungen eine Funktion zum Verwerfen hinzufügen. Bootstrap bietet verschiedene Möglichkeiten, Nachrichten für den Benutzer

Bootstrap-Warnungen Read More »

Bootstrap-Miniaturansichten

Bootstrap-Collapse-Plugin

Bootstrap bietet .Miniaturansicht Klasse, die zum Erstellen eines Rasters aus Bildern, Text und mehr verwendet wird, verleiht Bildern Miniaturansicht-ähnliche Stile. Wir benötigen ein Raster aus Bildern oder Videos, um eine gute Benutzererfahrung im Web zu schaffen. Sie werden verwendet, um verknüpfte Bilder in Rastern mit minimal erforderlichem Markup anzuzeigen. Miniaturansichten werden auf Webseiten als kleinere

Bootstrap-Miniaturansichten Read More »

Bootstrap-Fortschrittsbalken

Bootstrap-Collapse-Plugin

Im Allgemeinen ist die Fortschrittsanzeige ist eine grafische Benutzeroberfläche, die zur Visualisierung des Fortschritts des Computerbetriebs verwendet wird, z. B. beim Herunterladen von Dateien, beim Übertragen von Dateien, beim Anzeigen des Aktionsstatus für Benutzer oder beim Installieren von Dateien. Stellen Sie sich beispielsweise eine Aufgabe vor, die innerhalb eines Programms ausgeführt wird und deren Abschluss

Bootstrap-Fortschrittsbalken Read More »

Bootstrap-Panels

Bootstrap-Collapse-Plugin

Allgemein, Panel ist eine Darstellung von Informationen, die unter bestimmten Umständen an den Bildschirm des Benutzers gesendet werden. Manchmal müssen wir aus bestimmten Gründen Informationen in eine Box packen oder DOM in eine Box packen. In solchen Situationen ist die Panel-Komponente sehr nützlich. Die Box wird mit einem einfachen Rand und einer Polsterung um den

Bootstrap-Panels Read More »

Nach oben scrollen