Heim  >  Artikel  >  Web-Frontend  >  Was bedeutet Bootstrap in CSS?

Was bedeutet Bootstrap in CSS?

青灯夜游
青灯夜游Original
2021-05-13 14:22:212521Durchsuche

bootstrap bezieht sich auf ein einfaches, intuitives und leistungsstarkes Front-End-Entwicklungsframework von Twitter, das auf HTML, CSS und JavaScript basiert. Es unterstützt Sass-Variablen und Mixins sowie responsive Grid-Systeme und verfügt über eine große Anzahl leistungsstarker Komponenten JavaScript-Plugins.

Was bedeutet Bootstrap in CSS?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und Bootstrap4-Version, Dell G3-Computer.

Bootstrap ist ein einfaches, intuitives und leistungsstarkes Front-End-Entwicklungsframework auf Basis von HTML, CSS und JavaScript, das von den Designern Mark Otto und Jacob Thornton vom amerikanischen Twitter-Unternehmen entwickelt wurde und die Webentwicklung beschleunigt.

Offizielle Website: http://getbootstrap.com/

Github: https://github.com/twbs/bootstrap/

Bootstrap ist die weltweit beliebteste Front-End-Open-Source-Toolbibliothek, die Sass unterstützt Variablen und Mixins, ein responsives Grid-System, werden mit einer großen Anzahl von Komponenten und vielen leistungsstarken JavaScript-Plug-Ins geliefert. Basierend auf den leistungsstarken Funktionen von Bootstrap können Sie Ihre Website schnell entwerfen und anpassen.

Enthält Inhalte

Grundstruktur: Bootstrap bietet eine Grundstruktur mit einem Rastersystem, Linkstilen und Hintergrund. Dies wird im Abschnitt Bootstrap-Grundstruktur ausführlich erläutert.

CSS: Bootstrap verfügt über die folgenden Funktionen: globale CSS-Einstellungen, Definition grundlegender HTML-Elementstile, erweiterbare Klassen und ein erweitertes Rastersystem. Dies wird im Abschnitt Bootstrap-CSS ausführlich erläutert.

Komponenten: Bootstrap enthält mehr als ein Dutzend wiederverwendbare Komponenten zum Erstellen von Bildern, Dropdown-Menüs, Navigation, Warnfeldern, Popup-Feldern und mehr. Dies wird im Abschnitt „Layout-Komponenten“ ausführlich erläutert.

JavaScript-Plug-ins: Bootstrap enthält mehr als ein Dutzend benutzerdefinierte jQuery-Plug-ins. Sie können alle Plug-Ins direkt einbinden oder sie einzeln einbinden. Dies wird im Abschnitt Bootstrap-Plugin ausführlich erläutert.

Anpassung: Sie können Bootstrap-Komponenten, LESS-Variablen und jQuery-Plugins anpassen, um Ihre eigene Version zu erhalten.

Unterstützte Komponenten

Bootstrap enthält eine Fülle von Webkomponenten. Basierend auf diesen Komponenten können Sie schnell eine schöne und voll funktionsfähige Website erstellen, einschließlich der folgenden Komponenten:

Dropdown-Menü, Schaltflächengruppe, Schaltflächen-Dropdown-Menü. Abwärtsmenü, Navigation, Navigationsleiste, Pfadnavigation, Paginierung, Layout, Miniaturansichten, Warndialoge, Fortschrittsbalken, Medienobjekte usw.

Support-Plug-Ins

Bootstrap wird mit 13 jQuery-Plug-Ins geliefert, die Komponenten unterstützen in Bootstrap „Leben“. Dazu gehören:

Modale Dialogfelder, Registerkarten, Bildlaufleisten, Popup-Boxen usw.

Verwandte Empfehlungen: „Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet Bootstrap in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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