Einführung in Bootstrap

View more Tutorials:

1- Was ist Bootstrap?

Eine  Website wird  "Reponsive" 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 Version Das Freigabendatum Die Hauptinhalt
1.0 19/08/2011 Die erste Version vom Bootstrap. Mobile nicht unterstützen.
2.0 31/01/2012 Das 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.0 19/08/2013 Die Einheiten werden nach dem Flat-Design-Stil wieder entworfen. Zum ersten Mal die Mobile Geräte unterstützen.
4.0 19/01/2018 Bootstrap 4 wird aus Bootstrap 3 fast ganz geschrieben und geschätzt, dass es leichter zu benutzen ist als die vorherigen Versionen.

View more Tutorials: