Heim Web-Frontend Bootstrap-Tutorial Was bedeutet Bootstrap-Framework?

Was bedeutet Bootstrap-Framework?

Jul 22, 2019 am 11:11 AM
bootstrap

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!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So führen Sie Bootstrap in Eclipse ein So führen Sie Bootstrap in Eclipse ein Apr 05, 2024 am 02:30 AM

So führen Sie Bootstrap in Eclipse ein

So führen Sie eine Idee in Bootstrap ein So führen Sie eine Idee in Bootstrap ein Apr 05, 2024 am 02:33 AM

So führen Sie eine Idee in Bootstrap ein

Nach 750.000 Runden Einzelkampf zwischen großen Modellen gewann GPT-4 die Meisterschaft und Llama 3 belegte den fünften Platz Nach 750.000 Runden Einzelkampf zwischen großen Modellen gewann GPT-4 die Meisterschaft und Llama 3 belegte den fünften Platz Apr 23, 2024 pm 03:28 PM

Nach 750.000 Runden Einzelkampf zwischen großen Modellen gewann GPT-4 die Meisterschaft und Llama 3 belegte den fünften Platz

So lesen Sie die Ergebnisse des Bootstrap-Mediation-Effekt-Tests in Stata So lesen Sie die Ergebnisse des Bootstrap-Mediation-Effekt-Tests in Stata Apr 05, 2024 am 01:48 AM

So lesen Sie die Ergebnisse des Bootstrap-Mediation-Effekt-Tests in Stata

Was ist der Unterschied zwischen Bootstrap und Springboot? Was ist der Unterschied zwischen Bootstrap und Springboot? Apr 05, 2024 am 04:00 AM

Was ist der Unterschied zwischen Bootstrap und Springboot?

So verwenden Sie Bootstrap, um den Mediationseffekt zu testen So verwenden Sie Bootstrap, um den Mediationseffekt zu testen Apr 05, 2024 am 03:57 AM

So verwenden Sie Bootstrap, um den Mediationseffekt zu testen

So lesen Sie die Ergebnisse des Bootstrap-Mediation-Tests So lesen Sie die Ergebnisse des Bootstrap-Mediation-Tests Apr 05, 2024 am 03:30 AM

So lesen Sie die Ergebnisse des Bootstrap-Mediation-Tests

So exportieren Sie die Ergebnisse des Befehls Bootstrap Test Mediation Effect Stata So exportieren Sie die Ergebnisse des Befehls Bootstrap Test Mediation Effect Stata Apr 05, 2024 am 03:39 AM

So exportieren Sie die Ergebnisse des Befehls Bootstrap Test Mediation Effect Stata

See all articles