Original Address: http://www.work100.net/training/monolithic-frameworks-bootstrap.html
More Tutorials: beam cloud - free course
Bootstrap
| No. | Article section | video |
|---|---|---|
| 1 | Outline | |
| 2 | Reading Objects | |
| 3 | Pre-knowledge | |
| 4 | Why Bootstrap | |
| 5 | Bootstrap package contents | |
| 6 | Resources |
Please refer above 章节导航to read
1 Overview
Bootstrap from Twitter, is currently very popular front-end framework.
Bootstrap is based on HTML, CSS, JavaScript, and it is simple and flexible, so that Web developers more quickly. It is a CSS / HTML framework.
Bootstrap offers elegant HTML and CSS specifications.
After the popular Bootstrap once launched, it has been a popular open source project on GitHub.
2. Should Read
As long as you have a basic knowledge of HTML and CSS, you can read the tutorial in order to develop their own websites. After you are done with this tutorial, you can reach the middle level using Bootstrap Web development projects.
3. Pre-knowledge
Before you start reading this tutorial, you must have HTML, CSS and basic knowledge of JavaScript.
4. Why
- Mobile device priority: starting from Bootstrap 3, comprising a frame priority throughout the library style mobile devices.
- Browser support: All major browsers support Bootstrap.
- Easy to use: as long as you have a basic knowledge of HTML and CSS, you can start learning Bootstrap.
- Responsive design: Bootstrap CSS style can be an adaptive response to desktops, tablets and mobile phones.
- It provides a simple and unified solution for developers to create interfaces.
- It includes a powerful built-in components, easy to customize.
- It also provides Web-based customization.
- It is open source.
Package contents 5.Bootstrap
- The basic structure: Bootstrap provides the basic structural link pattern, with a background grid system.
- CSS: Bootstrap comes with the following features, global CSS settings, define the basic elements of HTML style, scalable class, and an advanced grid system.
- Components: Bootstrap contains a dozen reusable components for creating images, drop-down menus, navigation, alert box pop-up box and so on.
- JavaScript plug-ins: Bootstrap contains a dozen custom jQuery plugin. You can directly contains all the plug-ins, these plug-ins can also be included individually.
- Customization: You can customize the components of Bootstrap, LESS variables and jQuery plug-in to get your own version.
6. Resources
More about Bootstrap, please refer to the following address:
Next: environmental structures