Bootstrap learning: Bootstrap introduction (excerpt W3C cainiao diary)

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)