Bootstrap Introduction
Bootstrap is a front-end framework used to quickly develop web applications and websites. Bootstrap is based on HTML, CSS, and JavaScript.
History
Bootstrap is composedTwitterOfMarkotifyAndJacob ThorntonDeveloped. Bootstrap is an open-source product released on GitHub in August 2011.
Why is Bootstrap used?
Mobile device priority: Since Bootstrap 3, the Framework contains the mobile device-first style that runs through the entire library.
Browser support: All mainstream browsers support Bootstrap.
650) This. width = 650; "src =" http://www.w3cschool.cc/images/compatible_ie.gif "alt =" Internet Explorer "Title =" Internet Explorer "style =" padding: 2px; "Height =" 30 "width =" 31 "/> 650) This. width = 650; "src =" http://www.w3cschool.cc/images/compatible_firefox.gif "alt =" Firefox "Title =" Firefox "style =" padding: 2px; "Height =" 30 "width =" 31 "/> 650) This. width = 650; "src =" http://www.w3cschool.cc/images/compatible_opera.gif "alt =" Opera "Title =" Opera "style =" padding: 2px; & quot; Height = & quot; 30 & quot; width = & quot; 28 & quot;/> 650) This. width = 650; "src =" http://www.w3cschool.cc/images/compatible_chrome.gif "alt =" Google Chrome "Title =" Google Chrome "style =" padding: 2px; "Height =" 30 "width =" 31 "/> 650) This. width = 650; "src =" http://www.w3cschool.cc/images/compatible_safari.gif "alt =" safari "Title =" safari "style =" padding: 2px; "Height =" 30 "width =" 28 "/>
Easy to use: As long as you have basic HTML and CSS knowledge, you can start learning Bootstrap.
Responsive Design: Bootstrap's responsive CSS can adapt to desktops, tablets, and mobile phones.
650) This. width = 650; "src =" http://www.w3cschool.cc/wp-content/uploads/2014/06/responsive.jpg "alt =" responsive design "style =" padding: 2px; "/>
It provides a simple and unified solution for developers to create interfaces.
It contains powerful built-in components and is easy to customize.
It also provides Web-based customization.
It is open-source.
Bootstrap Package content
Basic Structure: Bootstrap provides a basic structure with a grid system, link style, and background. This will be inBootstrap Basic StructureThis section describes in detail.
CSSBootstrap has the following features: global CSS settings, basic HTML element styles, scalable classes, and an advanced grid system. This will be inBootstrapcssThis section describes in detail.
Components: Bootstrap contains more than a dozen reusable components for creating images, drop-down menus, navigation, warning boxes, and pop-up boxes. This will be inLayout ComponentsThis section describes in detail.
Javascript plugin: Bootstrap contains a dozen custom jquery plug-ins. You can include all the plug-ins directly or one by one. This will be inBootstrap pluginThis section describes in detail.
Customization: You can customize Bootstrap components, less variables, and jquery plug-ins to get your own version.
Bootstrap learning: Bootstrap introduction (excerpt W3C cainiao diary)