Shulou(Shulou.com)06/02 Report--

This article will explain in detail what kind of framework bootstrap is. Xiaobian thinks it is quite practical, so share it with you for reference. I hope you can gain something after reading this article.

Bootstrap is an open source HTML, CSS, JavaScript based simple, intuitive, powerful front-end development framework, it is designed for rapid development of Web applications and a set of front-end toolkits; it supports responsive layout, and after the V3 version adhere to mobile devices first.

Operating environment of this tutorial: Windows 7 system, bootsrap3.3.7 version, DELL G3 computer

I.Bootstarp Environment Deployment

1>. What is BootstartFramework?

Bootstrap is Twitter's open-source HTML, CSS, JavaScript based front-end framework. It is a set of front-end toolkits designed for rapid development of Web applications. It supports responsive layouts and sticks to mobile first after the V3 release.

Bootstrap provides elegant HTML and CSS specifications, written in the dynamic CSS language Less. Bootstrap has been a popular open source project on GitHub since its launch, including NASA's MSNBC (Microsoft National Broadcasting Corporation) Breaking News. Some frameworks familiar to domestic mobile developers, such as WeX5 front-end open source framework, are also based on Bootstrap source code for performance optimization.

As shown in the figure below, the official website is introduced as follows:

Official address: getbootstrap.com

Address in Chinese: www.bootcss.com/

2>. Why Bootstrap?

Before Bootstrap: naming: repetitive, complex, meaningless (difficult to think of a name) style: repetitive, redundant, irregular, discordant pages: disordered, irregular, discordant After Bootstrap: all kinds of naming are unified and standardized. The page style is unified and the picture is harmonious.

3>. Bootstart Download

Click on "Download Bootstarter."

Select Bootstrap for production to download.

3>.Bootstrap environment building

The structure of the directory is as follows:

bootstrap-3.3.7-dist/$> ── css // CSS file <$ <$── bootstrap-theme. css// Bootstrap Theme Style File <$ ├── bootstrap-theme.css.map│ <$── bootstrap-theme. min. css//theme-related style zip file <$ ├── bootstrap-theme.min.css.map│ ├── bootstrap.css│ ├── bootstrap.css.map│ <$── bootstrap. min. css//core CSS style zip file <$ ── bootstrap.min.css.map $> ── fonts //font file <$ ├── glyphicons-halflings-regular.eot│ ├── glyphicons-halflings-regular.svg│ ├── glyphicons-halflings-regular.ttf│ ├── glyphicons-halflings-regular.woff│ ── glyphicons-halflings-regular.woff2 ├── bootstrap.js ── bootstrap. min. js//Core JS zip file └── npm.js

Dealing with dependencies:

Since some components of Bootstrap depend on jQuery, make sure you download the appropriate version of jQuery to ensure that the Bootstrap components work properly.

2.Bootstrap Quick Start

1>. View the documentation on the home page

About "bootstrap is what kind of framework" this article is shared here, I hope the above content can be of some help to everyone, so that you can learn more knowledge, if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.