Einführung in Bootstrap
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:
- Leicht-zu-verwenden: Denn Bootstrap wird nach HTML, CSS & Javascript angebaut.
- 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.
- 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. |
Anleitungen Bootstrap
- Die Anleitung zu Bootstrap Jumbotron
- Die Anleitung zu Bootstrap Dropdown
- Die Anleitung zu Bootstrap Alert
- Die Anleitung zu Bootstrap Button
- Die Anleitung zu Bootstrap Button Group
- Die Anleitung zu Bootstrap Popover (Tooltip)
- Die Anleitung zu Bootstrap Spinner
- Einführung in Bootstrap
- Die Anleitung zu Bootstrap Grid System
- Die Anleitung zu Bootstrap Card
- Die Anleitung zu Bootstrap Container
- Die Anleitung zu Bootstrap Nav, Tab, Pill
- Die Anleitung zu Bootstrap NavBar
- Die Anleitung zu Bootstrap Table
- Die Anleitung zu Bootstrap Modal
- Die Anleitung zu Bootstrap Form
- Die Anleitung zu Bootstrap Pagination
- Die Anleitung zu Bootstrap Badge
- Die Anleitung zu Bootstrap Input Group
- Die Anleitung zu Bootstrap List Group
- Die Anleitung zu Bootstrap ProgressBar
- Die Anleitung zu Bootstrap Collapse und Accordion
- Die Anleitung zu Bootstrap Scrollspy
- Die Anleitung zu Bootstrap Breadcrumb
- Die Anleitung zu Bootstrap Carousel
- Die Anleitung zu Bootstrap Spacing Utility
- Die Anleitung zu Bootstrap Border Utility
- Die Anleitung zu Bootstrap Color Utility
- Die Anleitung zu Bootstrap Text Utility
- Die Anleitung zu Bootstrap Sizing Utility
- Die Anleitung zu Bootstrap Position Utility
- Die Anleitung zu Bootstrap Flex Utility
- Die Anleitung zu Bootstrap Display Utility
- Die Anleitung zu Bootstrap Visibility Utility
- Die Anleitung zu Bootstrap Embed Utility
Show More