Dieser Artikel fasst 11 Gründe zusammen, warum Bootstrap weit verbreitet ist. Wenn Sie Twitter Bootstrap noch nicht verwendet haben, schlage ich vor, dass Sie mehr darüber erfahren. Ich habe in letzter Zeit nur etwas entdeckt, aber es gibt bessere Neuigkeiten. In der offiziellen Version von VS2013, die vor zwei Tagen von Microsoft veröffentlicht wurde, wurde die Version von Bootstrap 3.0 hinzugefügt. Sogar Microsoft hat die Kraft des Bootstraps gesehen, und es ist in der Tat sehr gut, also muss ich es lernen. Hier ist meine kurze Einführung in das VS2013 -Update. Wenn Sie interessiert sind, können Sie sich die Einführung in den Update -Inhalt von Visual Studio 2013 ansehen.
Was ist der Grund, warum Bootstrap von der Mehrheit der Menschen geliebt wird
1. sparen Sie Zeit
Mit Bootstrap haben Sie mehr Zeit, um Geld zu verdienen. Die Bootstrap-Bibliothek enthält viele fertige Code-Snippets, die Ihrer Website mehr Vitalität verleihen. Webentwickler müssen keine Zeit und Mühe mehr verbringen, um zu codieren, sie müssen nur den richtigen Code finden und ihn an den richtigen Ort einfügen. Darüber hinaus wird CSS mit weniger und vielen Stilen und Designs geschrieben.
2. Anpassung
Ein wichtiger Aspekt von Bootstrap ist, dass Sie es für sich selbst nehmen können. Sie können die erforderlichen Teile des Rahmens hinterlassen und die unerwünschten wegwerfen. Mit Bootstrap können Sie Projekte nach Ihren Anforderungen anpassen.
3. Designfaktoren
Netzsystem
Wenn Sie Seiten ablegen, müssen Sie häufig ein geeignetes Netz haben. Sie verwenden nicht unbedingt das Gitter der Plattform, aber es macht es für Sie erheblich schwierig, zu arbeiten. Im Standardmodus bietet die Plattform ein 16-Spal-Netz (Breite ist 960px). Jede Spalte ist 40px breit, und jede Spalte hat auf der linken und rechten Seite einen Spalt von 10px, sodass auf der äußersten Seite jedes Gitters ein 20px -Leerzeichen liegt. Sie können die Anzahl der Zeilen und Intervallgrößen nach Bedarf ändern. Der Stil wurde entwickelt, und der Entwickler muss nur den entsprechenden Code in den entsprechenden Ort der HTML einsetzen.
WENIGER
Weniger wird während des Entwicklungszyklus weit verbreitet. Es ist eine auf CSS basierende Sprache auf hoher Ebene, und ihr Ziel ist es, die CSS-Entwicklung flexibler und mächtiger zu gestalten. Sie können weniger Mixins- und CSS -Operationen von Less verwenden, um eingebettete Maschen anzupassen. Bootstrap nimmt eine große Anzahl beliebter CSS3 -Funktionen an, um ein einheitliches Browsing -Erlebnis für alle Websites zu bieten.
JavaScript
Bootstrap bietet eine JavaScript -Bibliothek, die über grundlegende Architektur und Stile hinausgeht. Durch Bootstrap können Entwickler leicht Fensterwarnboxen, Tooltip -Boxen, Scroll -Balken, Schaltflächen usw. bedienen. Was sich von Bootstrap aus fällt, ist, dass Sie Skripte schreiben können, ohne sich Sorgen machen zu müssen.
4. Konsistenz
Der Hauptgrund, warum Twitter dieses Tool entwickelte, war die Inkonsistenz zwischen den von Entwicklern unter verschiedenen Browsern entwickelten Projekte. Dies führt zu vielen Problemen zwischen Front-End-Entwicklung und Endbenutzer-Schnittstellen. Bootstrap stellt die Einheit der Schnittstelle auf verschiedenen Plattformen sicher. In IE, Chrome und Firefox können Sie eine einheitliche Schnittstelle sehen.
5. Machen Sie kontinuierliche Updates aufrecht
Nehmen Sie die Benutzeroberfläche von JQuery als Beispiel: einmal im Jahr aktualisiert. Bootstrap verbessert sich ständig, regelmäßiger und kontinuierlicher. Sobald die Webentwickler ein neues Problem entdeckten, machte sich das Bootstrap -Team sofort daran, es zu beheben.
6. Einfach zu integrieren
Wenn Sie eine fertige Website weiter verfeinern möchten, kann Ihnen Bootstrap helfen. Wenn Sie beispielsweise einen selbst geschriebenen Tabellenstil verwenden möchten, möchten Sie Ihren Stil in eine CSS-Style-Datei kopieren. Bootstrap wird es sofort selbst stylen. Hier müssen Sie die Datei mit Twitter in Verbindung bringen. Der Integrationsprozess ist sehr einfach, bequem und schnell. Sobald Sie fertig sind, können Sie Ihr Design auf Ihren Kerninhalt anwenden.
7. Reaktionsschnell
Bootstrap ist ein reaktionsschnelles Framework. Unabhängig davon, ob Ihre Entwicklungsarbeiten von einem Laptop auf ein iPad oder von einem iPad auf einen Mac übertragen werden, müssen Sie sich keine Sorgen um Ihre Arbeit machen. Da sich Bootstrap an die Unterschiede zwischen verschiedenen Plattformen mit ultraschnellem Expressablieferung und Effizienz anpassen kann.
8. Kompatibilität mit zukünftigen Technologien
Bootstrap enthält viele spezielle Elemente wie HTML5 und CSS3, die als Zukunft des Designs bezeichnet werden. Da dieser Rahmen die Zukunft von Design und Entwicklung berücksichtigt, kann er in den nächsten Jahren ein Referenzstandard für Webentwickler werden.
9. Wettbewerbsfähigkeit
Bootstrap ist nicht das einzige Front-End-Entwicklungsrahmen, wie JQuery UI, HTML5-Boilerplate usw., aber für Bootstrap ist der echte Konkurrent die Zurb Foundation. Bootstrap 2 hat ein neues Werkzeugset hinzugefügt, und es hat lange gedauert, bis die Foundation es füllte. Bootstrap enthält eine große Anzahl von Plug-Ins, Themen, Funktionen, Code usw. von Drittanbietern.
10. Detaillierte Beschreibung
Die Dokumentation von Bootstrap ist sehr wunderbar. Die meisten neuen Plattformen haben oft keine geeignete Dokumentation, und die Dokumentation von Bootstrap hilft uns sehr, darüber zu lernen. Alle Informationen, die wir benötigen, finden Sie in der Dokumentation.
11. Nutzen Sie den Chefs
Das Lernen von Bootstrap braucht nicht viel Zeit, da sie alle modularen Ansätze mit Architektur zusammenfasst. Aus Sicht des Chefs sparen sie mehr Zeit im Lernen und investieren schnell in ihre Arbeit. Dies bringt den Chefs bessere Vorteile.
Wenn Sie Bootstrap für Sie wirklich hilfreich finden, können Sie das Framework unter twitter.github.com/bootstrap/ überprüfen. Sie können auch die kompilierte Version herunterladen oder die Bootstrap -Quelldatei mit CSS- und JavaScript -Dokumentation abrufen.
Visuelle Erfahrung
Das erste, was ich sah, ist die chinesische offizielle Website. Wenn Sie genau hinschauen, wird dies tatsächlich ausführlich erklärt.
Klicken Sie anschließend auf das chinesische Dokument http://v3.bootcss.com/bootstrap3.
Lesen Sie weiter http://expo.bootcss.com/ viele Website -Instanzen, die hier angewendet wurden.
Als ich so viele Beispiele und so ausgezeichnete Front-End-Architektur sah, wurde mir tatsächlich klar, dass so viele Websites verwendet wurden, und ich kann es kaum erwarten, meine Lernreise zu beginnen.
Wenn Sie weiterhin ausführlich studieren möchten, können Sie hier klicken, um Ihnen zu studieren und 3 aufregende Themen anzuhängen:
Bootstrap -Lern -Tutorial
Bootstrap Practical Tutorial
Bootstrap-Plug-in-Nutzungs-Tutorial
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.