Heim  >  Artikel  >  Web-Frontend  >  Welches Framework ist Bootstrap? Was macht es?

Welches Framework ist Bootstrap? Was macht es?

藏色散人
藏色散人Original
2021-12-27 17:03:465045Durchsuche

bootstrap ist ein Front-End-Framework für die schnelle Entwicklung von Webanwendungen und Websites. Das Framework basiert auf HTML, CSS und JAVASCRIPT und kann schnell eine schöne, voll funktionsfähige Website erstellen.

Welches Framework ist Bootstrap? Was macht es?

Die Betriebsumgebung dieses Artikels: Windows 7-System, Bootsrap-Version 3.3.7, Dell G3-Computer.

Welches Framework ist Bootstrap? Was macht es?

Bootstrap ist ein einfaches, intuitives und leistungsstarkes Front-End-Entwicklungsframework auf Basis von HTML, CSS und JavaScript, das von Mark Otto und Jacob Thornton, Designern des amerikanischen Twitter-Unternehmens, entwickelt wurde und die Webentwicklung beschleunigt. Bootstrap stellt elegante HTML- und CSS-Spezifikationen bereit, die in der dynamischen CSS-Sprache Less geschrieben sind. Bootstrap erfreut sich seit seiner Einführung großer Beliebtheit und ist ein beliebtes Open-Source-Projekt auf GitHub, darunter MSNBC (Microsoft National Broadcasting Company) Breaking News der NASA. Einige Frameworks, die inländischen Mobilentwicklern bekannt sind, wie das Front-End-Open-Source-Framework WeX5, sind ebenfalls leistungsoptimiert und basieren auf dem Bootstrap-Quellcode.

Bootstrap ist ein Front-End-Framework für die schnelle Entwicklung von Webanwendungen und Websites. Bootstrap basiert auf HTML, CSS und JAVASCRIPT.

Bootstrap ist ein Open-Source-Produkt, das im August 2011 auf GitHub veröffentlicht wurde.

Einschlüsse von Bootstrap

  • Grundstruktur: Bootstrap bietet eine Grundstruktur mit Rastersystem, Linkstil 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-Plugins: Bootstrap enthält mehr als ein Dutzend benutzerdefinierte jQuery-Plugins. Sie können alle Plug-Ins direkt oder 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.

Warum Bootstrap verwenden?

  • Mobile-first: Ab Bootstrap 3 umfasst das Framework Mobile-First-Stile in der gesamten Bibliothek.

  • Browser-Unterstützung: Alle gängigen Browser unterstützen Bootstrap.

  • Einfacher Einstieg: Solange Sie über Grundkenntnisse in HTML und CSS verfügen, können Sie mit dem Erlernen von Bootstrap beginnen.

  • Responsives Design: Das responsive CSS von Bootstrap kann sich an Desktops, Tablets und Mobiltelefone anpassen. Weitere Informationen zum responsiven Design finden Sie unter Bootstrap Responsive Design.

  • Es bietet Entwicklern eine einfache und einheitliche Lösung zum Erstellen von Schnittstellen.

  • Es enthält leistungsstarke integrierte Komponenten und lässt sich leicht anpassen.

  • Es bietet auch webbasierte Anpassung.

  • Es ist Open Source.

Unterstützte Komponenten

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

Dropdown-Menü, Schaltflächengruppe, Schaltfläche Dropdown-Menüs, Navigation, Navigationsleisten, Pfadnavigation, Paginierung, Layout, Miniaturansichten, Warndialoge, Fortschrittsbalken, Medienobjekte usw Plug-Ins sollen in Bootstrap-Komponenten „Leben“ geben. Dazu gehören:

Modale Dialogfelder, Registerkarten, Bildlaufleisten, Popup-Boxen usw. Empfohlenes Lernen: „

Bootstrap-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelches Framework ist Bootstrap? Was macht es?. 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