Heim  >  Artikel  >  Web-Frontend  >  Warum das Bootstrap-Framework verwenden?

Warum das Bootstrap-Framework verwenden?

藏色散人
藏色散人Original
2019-07-13 11:02:293912Durchsuche

Warum das Bootstrap-Framework verwenden?

Bootstrap ist eine Reihe von Open-Source-Frontends für die Website- und Webanwendungsentwicklung (das sogenannte „Frontend“ bezieht sich auf die Schnittstelle, die dem Endbenutzer angezeigt wird. Das entsprechende „Back-End“ „Es handelt sich um einen Code, der auf dem Server ausgeführt wird)-Framework, einschließlich HTML-, CSS- und JavaScript-Frameworks, das Schriftarten, Formulare, Schaltflächen, Navigation und andere verschiedene Komponenten sowie Javascript-Erweiterungen bereitstellt und darauf abzielt, die Entwicklung eines dynamischen Webs zu ermöglichen.“ effizientere Seiten und Webanwendungen.

Bootstrap ist das vierthäufigste „Starred“-Projekt auf GitHub. Mehr als 133.000 Mal in der Hauptrolle gespielt und mehr als 65.000 Mal verzweigt.

Warum Bootstrap-Framework verwenden?

Bootstrap ist ein Front-End-Entwicklungsframework, das aus standardisierten CSS- und Javascript-Plug-Ins besteht ermöglicht es Entwicklern, auf einfache Weise das beste Erlebnis für Webseiten auf Desktops, Tablets und Mobiltelefonen bereitzustellen.

1. Rastersystem

Seiten können angepasst werden Passen Sie die Bildschirmgröße des Benutzers an, sodass sie bei jeder Größe eine gute Leistung erbringen. Die Implementierung dieser Funktion hängt von zwei Dingen ab: zum einen von der Ansicht und zum anderen von der maximalen Breite und der minimalen Breite.

2. CSS-Modularität

Bootstrap definiert viele CSS-Klassen vor. Geben Sie der Klasse einfach den entsprechenden Klassennamen, z. B. text-left, text-align, .table wait . Die repräsentativste Klasse ist die BTN-Klasse, die eine .bt-Basisklasse definiert. Wenn Sie andere Stile wünschen, können Sie diese Basisklasse erweitern, um andere visuelle Effekte zu erzielen.

3. Das Plug-in ist einfach zu verwenden

Das Plug-in-Entwicklungsmodell von Bootstrap ist dem JavaScript-Entwicklungsmodell sehr ähnlich. Definieren Sie zuerst eine Klasse, um die Hauptfunktion zu implementieren, und dann ein Plugin Funktion und erweitern Sie dann diese Funktion. Gehen Sie zum JQuery-Prototyp und binden Sie schließlich Ereignisse durch Delegierung an bestimmte Elemente.

Bootstrap weist jedoch Probleme mit der Browserkompatibilität auf und ist mit IE6 völlig inkompatibel.

Verwandte Empfehlungen: „Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonWarum das Bootstrap-Framework verwenden?. 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