Was ist Bootstrap?

Question

Es gibt hier viele Fragen zu Bootstrap. Ich sehe viele Leute, die es benutzen. Also habe ich versucht, danach zu recherchieren, und ich fand die offizielle Bootstrap-Website, aber es gab nur einen Download-Bereich und ein paar Worte danach. Nichts, was erklärt, wofür es ist... Ich habe nur verstanden, dass es ein Front-End-Helfer ist. Ich habe versucht, etwas über Google zu finden, aber nichts Spezifisches gefunden. Alles, was ich gefunden habe, bezieht sich auf die Definition der Informatik.

Also, meine Fragen sind:

• Was ist Bootstrap überhaupt?
• Wofür wird es verwendet und wie hilft es bei der Front-End-Entwicklung?
• Ich würde auch gerne einige weitere Details dazu haben.

Answer 1

Es handelt sich um ein HTML-, CSS- und JavaScript-Framework mit offenem Quellcode (ursprünglich von Twitter erstellt), das als Grundlage zur Erstellung von Websites oder Webanwendungen verwendet werden kann.

• Weitere Informationen und Download-Links

• Erste Schritte

• Beispiele

• Themen

• Bootply - Bootstrap Editor und Builder

Aktualisierung

Die offizielle Bootstrap-Website wurde aktualisiert und enthält eine klare Definition.

"Bootstrap ist das beliebteste HTML-, CSS- und JS-Framework für die Entwicklung von responsiven, mobiloptimierten Projekten im Web."

"Entworfen und mit aller Liebe der Welt erstellt von @mdo und @fat."

Answer 2

Bootstrap ist ein Open-Source-Javascript-Framework, das vom Team bei Twitter entwickelt wurde. Es handelt sich um eine Kombination aus HTML-, CSS- und Javascript-Code, der dazu dient, Benutzeroberflächenkomponenten zu erstellen. Bootstrap wurde auch programmiert, um sowohl HTML5 als auch CSS3 zu unterstützen.

Es wird auch als Front-End-Framework bezeichnet.

Bootstrap ist eine kostenlose Sammlung von Tools zur Erstellung von Websites und Webanwendungen.

Es enthält HTML- und CSS-basierte Designvorlagen für Typografie, Formulare, Schaltflächen, Navigation und andere Benutzeroberflächenkomponenten sowie optionale JavaScript-Erweiterungen.

Einige Gründe, warum Programmierer das Bootstrap-Framework bevorzugen

1. Einfacher Einstieg

2. Tolles Rastersystem

3. Basis-Styling für die meisten HTML-Elemente (Typografie, Code, Tabellen, Formulare, Schaltflächen, Bilder, Icons)

4. Umfangreiche Liste von Komponenten

5. Gebündelte Javascript-Plugins

Entnommen von Über das Bootstrap-Framework

Answer 3

Bootstrap, wie ich es kenne, ist ein gut definierter CSS. Obwohl Sie mit Bootstrap auch JavaScript, jQuery usw. verwenden können. Der Hauptunterschied besteht jedoch darin, dass Sie mit Bootstrap einfach den Klassennamen aufrufen und dann die Ausgabe auf dem HTML-Formular erhalten. zum Beispiel Färben von Schaltflächen, Formen von Texten, Verwendung von Layouts. Für all dies müssen Sie keine CSS-Datei schreiben, sondern nur den richtigen Klassennamen verwenden, um Ihr HTML-Formular zu gestalten.

Answer 4

In einfacheren Worten kannst du Bootstrap als ein Front-End Web-Framework verstehen, das von Twitter erstellt wurde, um schneller device-responsive Webanwendungen zu erstellen. Bootstrap kann größtenteils auch als eine Sammlung von in ihm definierten CSS-Klassen verstanden werden, die einfach direkt verwendet werden können. Es nutzt CSS, JavaScript, jQuery etc. im Hintergrund, um Stil, Effekte und Aktionen für Bootstrap-Elemente zu erstellen.

Du weißt vielleicht, dass wir CSS verwenden, um Webseitenelemente zu gestalten und Klassen zu erstellen und Klassen Webseitenelementen zuzuweisen, um den Stil darauf anzuwenden. Bootstrap macht das Designen hier einfacher, da wir nur Bootstrap-Dateien einbinden müssen und die vordefinierten Klassennamen von Bootstrap für unsere Webseitenelemente erwähnen müssen und sie automatisch durch Bootstrap gestylt werden. Auf diese Weise entfällt das Schreiben eigener CSS-Klassen zum Gestalten von Webseitenelementen. Vor allem ist Bootstrap so konzipiert, dass deine Webseite device-responsiv ist, und das ist der Hauptzweck davon. Andere Alternativen zu Bootstrap könnten sein - Foundation, Materialize etc. Frameworks.

Bootstrap befreit dich vom Schreiben vieler CSS-Code und spart dir auch Zeit, die du für das Design der Webseiten aufwendest.

Answer 5

Bootstrap ist ein Open-Source-CSS-, JavaScript-Framework, das ursprünglich für die Twitter-Anwendung von Twitters Team von Designern und Entwicklern entwickelt wurde. Dann wurde es als Open Source veröffentlicht. Als langjähriger Benutzer von Twitter Bootstrap finde ich, dass es eines der besten Frameworks für das Design von mobilfreundlichen responsiven Websites ist. Viele CSS- und JavaScript-Plugins stehen zur Verfügung, um Ihre Website in kürzester Zeit zu gestalten. Es ist eine Art Framework für schnelles Template-Design. Einige Leute beschweren sich darüber, dass die Bootstrap-CSS-Dateien schwer sind und lange laden, aber diese Behauptungen werden von faulen Leuten gemacht. Sie müssen nicht die komplette bootstrap.css in Ihrer Website behalten. Sie haben immer die Möglichkeit, die Styles für Komponenten zu entfernen, die Sie nicht für Ihre Website benötigen. Wenn Sie beispielsweise nur grundlegende Komponenten wie Formulare und Schaltflächen verwenden, können Sie andere Komponenten wie Akkordeons usw. aus der Haupt-CSS-Datei entfernen. Um mit Bootstrap zu experimentieren, können Sie die grundlegenden Vorlagen und Komponenten von getbootstrap herunterladen und die Magie geschehen lassen.