What kind of framework is bootstrap?

bootstrap is an open source simple, intuitive and powerful front-end development framework based on HTML, CSS and JavaScript. It is a set of front-end toolkit designed for rapid development of web applications; it supports responsiveness layout, and insist on mobile device priority after the V3 version.

The operating environment of this tutorial: Windows7 system, bootsrap3.3.7 version, DELL G3 computer

1.Bootstarp environment Deployment

1>.What is the Bootstartp framework

## Bootstrap is Twitter’s open source based on HTML and CSS , JavaScript front-end framework. It is a front-end toolkit designed for rapid development of web applications. It supports responsive layout and adheres to mobile device priority after the V3 version.

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

As shown in the picture below, the official website introduction is as follows:

Official address: https://getbootstrap.com

Chinese address: http://www.bootcss.com/

##2>.Why use Bootstrap

在Bootstrap出现之前：

　　命名：重复、复杂、无意义（想个名字费劲）

　　样式：重复、冗余、不规范、不和谐

　　页面：错乱、不规范、不和谐

在使用Bootstrap之后： 各种命名都统一并且规范化。 页面风格统一，画面和谐。

3>.Bootstartp download

Click "Download Bootstartp".

Select Bootstrap for production environment to download.

#3>.Bootstrap environment construction

The directory structure is as follows:

bootstrap-3.3.7-dist/├── css  // CSS文件│   ├── bootstrap-theme.css  // Bootstrap主题样式文件│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css  // 主题相关样式压缩文件│   ├── bootstrap-theme.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css  // 核心CSS样式压缩文件│   └── bootstrap.min.css.map
├── fonts  // 字体文件│   ├── glyphicons-halflings-regular.eot
│   ├── glyphicons-halflings-regular.svg
│   ├── glyphicons-halflings-regular.ttf
│   ├── glyphicons-halflings-regular.woff
│   └── glyphicons-halflings-regular.woff2
└── js  // JS文件    ├── bootstrap.js
    ├── bootstrap.min.js  // 核心JS压缩文件
    └── npm.js

Processing dependencies:

Since some components of Bootstrap depend on jQuery, so Please make sure to download the corresponding version of jQuery file to ensure that Bootstrap related components run properly.

2. Quick start using Bootstrap

##1>. View the documentation on the homepage

Recommended study: "

bootstrap usage tutorial"

The above is the detailed content of What kind of framework is bootstrap?. For more information, please follow other related articles on the PHP Chinese website!