Heim  >  Artikel  >  Web-Frontend  >  Was bedeutet Bootstrap-Framework?

Was bedeutet Bootstrap-Framework?

藏色散人
藏色散人Original
2019-07-22 11:11:0022209Durchsuche

Was bedeutet Bootstrap-Framework?

Was bedeutet Bootstrap-Framework?

Bootstrap ist eine Reihe von Open-Source-Frontends für Websites und Web Anwendungsentwicklung (Das sogenannte „Front-End“ bezieht sich auf die dem Endbenutzer angezeigte Schnittstelle. Das entsprechende „Back-End“ ist der auf dem Server ausgeführte Code.) Framework, einschließlich HTML-, CSS- und JavaScript-Frameworks, bietet Typografie, Formulare, Schaltflächen, Navigation und verschiedene andere Komponenten sowie Javascript-Erweiterungen sollen die Entwicklung dynamischer Webseiten und Webanwendungen erleichtern.

Bootstrap ist mit den neuesten Versionen der Browser Google Chrome, Firefox, Internet Explorer, Opera und Safari kompatibel, obwohl einige Browser nicht alle Betriebssysteme unterstützen.

Ab Version 2.0 unterstützt Bootstrap Responsive Web Design (RWD). Das Seitenlayout kann dynamisch an das Gerät angepasst werden, auf dem die Webseite angezeigt wird (Desktop, Tablet, Mobiltelefon).

Ab Version 3.0 priorisiert Bootstrap mobile Geräte als Designrichtlinie und legt mehr Wert auf responsives Design.

Die Alpha-Version 4.0 bietet Unterstützung für Sass und Flexbox.

Bootstrap ist Open-Source-Software und kann auf GitHub gefunden werden. Entwickler werden ermutigt, sich am Projekt zu beteiligen und eigene Beiträge zum Projekt zu leisten.

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.

Verwandte Empfehlungen: „Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet Bootstrap-Framework?. 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