What is Bootstrap ?
Bootstrap , from Twitter , it is currently very popular front-end framework. Bootstrap is based on HTML , CSS , JAVASCRIPT , which is simple and flexible, so that Web developers more quickly.
It consists Twitter designer Mark Otto and Jacob Thornton to develop, is a CSS / HTML framework. Bootstrap offers elegant HTML and CSS specification, namely it is a dynamic CSS languages Less written. Bootstrap after a launch popular, it has been GitHub popular open source projects on, including NASA 's MSNBC (Microsoft NBC) The Breaking News are used in the project.
Some domestic mobile developers more familiar frameworks, such as WeX5 front-end open source frameworks, also based on Bootstrap performance optimization from source.
Bootstrap framework uses and advantages
We can use Bootstrap rapid completion of the framework provided by the style and components of the front page of a site, only need to quote some well defined styles and components (defined by class to reference the appropriate style and components), you can complete a very nice page . And Bootstrap framework also supports adaptive, automatically adjust the content of the page displayed on the screens of different sizes, avoids the pc on a beautiful page, and scroll bars to move around in the end, web content underestimate the lack of clarity It is not conducive to the user experience of the performance.
Bootstrap document directory structure
bootstrap /
├── CSS // CSS file
│ ├── Bootstrap-the theme.css // Bootstrap theme style file
│ ├── bootstrap-theme.css.map
│ ├── Bootstrap-theme.min.css // topic style archive
│ ├── bootstrap-theme.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css // core CSS style file compression
│ └── bootstrap.min.css.map
├── Fonts // font files
│ ├── glyphicons-halflings-regular.eot
│ ├── glyphicons-halflings-regular.svg
│ ├── glyphicons-halflings-regular.ttf
│ ├── glyphicons-halflings-regular.woff
│ └── glyphicons-halflings-regular.woff2
└── JS // JS file
├── bootstrap.js
├── bootstrap.min.js // core JS archive
└── npm.js
More Bootstrap Program: Ali Cloud University - developers classroom