codestory

Einführung in Bootstrap

View more Tutorials:

1- Was ist Bootstrap?

Eine Website wird "Responsive" genannt wenn sie mit den Geräten mit der unterschiedlichen Bildschirmsgröße wie Computer, Tablet, Handy kompatibel ist.
Vor dem Jahr 2013 wenn die Programmer eine Website mit dem Computer und Handy kompatibel möchten, müssen sie 2 unterschiedlichen Projekte. Das erste Projekt ist eine Web-Applikation, die den Benutzer vom Computer oder Tablet bedienen. Und das 2.Projekt ist Web-Applikation für die Benutzer, die den kleinbildchirms Geräte wie Handy benutzt. Das verursacht wirklich die Herausforderungen in der Unterhaltung und Update von Webseite. Denn Sie machen die beiden Dinge für 2 Projekte. Außerdem müssen sie auf 2 verschiedenen Domain implementiert werden, zum Beispiel:
  • http://somewebsite.com
  • http://mobile.somewesite.com
Das Jahr vom 2013 ist ein Jahr des Design "Responsive" gesehen, denn die Benutzer mögen die Handgeräte wie Tablet und Smartphones steigend. Das Verhalten der meisten Benutzer hat geändert, sie wandeln um, die Information durch die mobilen Geräten zu lesen.

Bootstrap

Bootstrap ist ein umsonstes Framework, Open Source Code, die auf HTML, CSS & Javascript basiert. Es wird erstellt um die Webseite-Interface zu erstellen, die mit allen Geräten mit den unterschiedlichen Bildschirmgröße kompatibel ist.
Bootstrap fasst die verfügbaren Dinge wie : typography, forms, buttons, tables, navigation, modals, image carousels und anderen Dingen um. Es hat viele Component, Javascript , die Ihr Design von Reponsive einfacher, schneller und günstiger unterstützt.
Jetzt ist Bootstrap einer der üblichen Framework um die Responsive Website zu erstellen. Bootstrap erstellte ein eigenes Standard und gefällt vieler Programmierer. Bootstrap hat grundlegend 3 Vorteile:
  1. Leicht-zu-verwenden: Denn Bootstrap wird nach HTML, CSS & Javascript angebaut.
  2. Responsive: Bootstrap hat die "Responsive Css" angebaut, die mit den unterschiedlichen Geräten kompatibel ist, so brauchen Sie nur lernen, wie sie zu benutzen. Diese Funktion hilft dem Benutzer bei der Zeitseinsparung wenn sie die freundlichen Website erstellen.
  3. Den Browser entsprechen: Es ist kompatibel mit allen Browser (Chrome, Firefox, Internet Explorer, Safari, Opera). Allerdings unterstützt Bootstrap 4 für IE nur ab IE10 

Die Geschichte vom Bootstrap:

Bootstrap, ursprunglich Twitter Blueprint, wurde durch Mark Otto und Jacob Thornton bei Twitter als einen Rahmen entwickelt um den Konsens auf die internalen Tools zu ermutigen. Vor Bootstrap werden die unterschiedlichen Bibliotheke zur die Interface-Entwicklung verwendet, die den Konsensmangel und die hohe Softwareunterhaltung verursacht.
Nach einiger Monaten der Entwicklung durch ein kleines Team haben viele Entwickler bei Twitter zum Projekt wie ein Teil der Woche Hack beitgetragen, eine hackathon Stil Woche für das Entwicklungsteam Twitter. Es wird den Name vom Twitter Blueprint zu Bootstrap geändert, und als ein Open Source Projekt am 19. August 2011 freigegeben. Es wird durch Mark Otto, Jacob Thornton und ein kleines Team von den Kern-Entwickler, sowie eine größe Gesellschaft der Benutzer weiter unterhaltet.

Bootstrap Versions:

Die VersionDas FreigabendatumDie Hauptinhalt
1.019/08/2011Die erste Version vom Bootstrap. Mobile nicht unterstützen.
2.031/01/2012Das System Grid-Layout 12 Säule ergänzen. Einige neuen Einheiten (component) einfügen. Und einige verfügbaren Einheiten ändern. Mobile noch nicht unterstützen.
3.019/08/2013Die Einheiten werden nach dem Flat-Design-Stil wieder entworfen. Zum ersten Mal die Mobile Geräte unterstützen.
4.019/01/2018Bootstrap 4 wird aus Bootstrap 3 fast ganz geschrieben und geschätzt, dass es leichter zu benutzen ist als die vorherigen Versionen.

View more Tutorials:

Vielleicht bist du interessiert

Das sind die Online-Courses außer der Website o7planning, die wir empfehlen. Sie können umsonst sein oder Discount haben.