Heim > Web-Frontend > Bootstrap-Tutorial > Was ist Bootstrap und was macht es?

Was ist Bootstrap und was macht es?

藏色散人
Freigeben: 2019-07-27 11:26:07
Original
5967 Leute haben es durchsucht

Was ist Bootstrap und was macht es?

Was ist Bootstrap und was macht es?

Bootstrap ist eine Reihe von Tools für Websites und Webanwendungen Entwicklung Open-Source-Frontend-Framework (das sogenannte „Frontend“ bezieht sich auf die dem Endbenutzer angezeigte Schnittstelle. Das entsprechende „Backend“ ist der auf dem Server ausgeführte Code), einschließlich HTML-, CSS- und JavaScript-Frameworks , bietet Schriftartendruck, Fensterobjekte, Schaltflächen, Navigation und verschiedene andere Komponenten sowie Javascript-Erweiterungen und soll die Entwicklung dynamischer Webseiten und Webanwendungen erleichtern.

Bootstrap ist modular aufgebaut und verwendet die LESS-Stylesheet-Sprache, um verschiedene Komponenten und Tools zu implementieren. Eine Datei namens „bootstrap.less“ enthält diese Komponenten und Tools. Entwickler können diese Datei ändern, um zu entscheiden, welche Komponenten für das Projekt benötigt werden.

Über eine Basiskonfigurationsdatei ist eine begrenzte Anpassung möglich, eine tiefergehende Anpassung ist jedoch ebenfalls möglich.

Die LESS-Sprache unterstützt Variablen, Funktionen, Operatoren, kombinierte Selektoren und eine Funktion namens Mixin.

Ab Bootstrap 2.0 enthält die Bootstrap-Dokumentation eine spezielle Option namens „Anpassen“. Entwickler können die enthaltenen Komponenten und Effekte entsprechend ihren tatsächlichen Anforderungen auswählen und dann kompilierte Pakete generieren und herunterladen.

Das Rastersystem und das responsive Design basieren auf einer Breite von 1170 Pixeln. Darüber hinaus können Entwickler auch Benchmarks anpassen. In beiden Fällen bietet Bootstrap vier Varianten: mobiles Hochformat, mobiles Querformat und Tablet, PC mit niedriger Auflösung und hoher Auflösung, wobei jede Variante die Rasterbreite automatisch anpasst.

CSS

Bootstrap definiert die Grundstile einer Reihe von HTML-Komponenten und entwirft eine Reihe einzigartiger, moderner Stile für Text, Tabellen und Formularelemente.

Wiederverwendbare Komponenten

Zusätzlich zu den grundlegenden HTML-Elementen enthält Bootstrap auch andere häufig verwendete Schnittstellenelemente, wie z. B. Schaltflächen mit erweiterter Funktionalität (z. B. Schaltflächenkombinationen, Schaltflächen mit Schaltflächen für Dropdown-Menüoptionen, Navigationsleisten, horizontale und vertikale Registerkartengruppen, Navigation, Paginierung usw.), Registerkarten, erweiterte Typografie, Miniaturansichten, Warnmeldungen, Fortschrittsbalken usw.

Diese Komponenten werden mithilfe von CSS-Klassen implementiert. Es muss einem bestimmten HTML-Element auf der Seite zugeordnet werden.

JavaScript-Komponenten

Über jQuery hat Bootstrap einige JavaScript-Komponenten hinzugefügt. Sie bieten Funktionen wie Dialogfelder, Tooltips, Karussells und mehr. Darüber hinaus wurden einige Elemente der Benutzeroberfläche verbessert, beispielsweise die automatische Vervollständigung von Eingabefeldern.

Bootstrap 2.0 unterstützt die folgenden JavaScript-Plug-Ins: Modal (modales Dialogfeld), Dropdown (Dropdown-Menü), Scrollspy (Bildlaufüberwachung), Tab (Tab-Seite), Tooltip (Tooltip), Popover (Floating Prompt), Alert (Warnung), Button (Button), Collapse (Falten), Carousel (Karussell), Typeahead (Eingabeaufforderung), Affix (zusätzliche Navigation).

Empfohlen: "bootstrap Tutorial

Das obige ist der detaillierte Inhalt vonWas ist Bootstrap und was macht es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage