What's in bootstrap

Bootstrap is an open source toolkit launched by Twitter for front-end development. It was developed by Twitter designers Mark Otto and Jacob Thornton and is a CSS/HTML framework.

is a framework for making web pages (currently the most popular WEB front-end framework), which means you only need to write HTML tags and call its classes and you can do it very quickly A high-end web page, you don’t have to worry about compatibility issues, it provides many styles for you to choose from! (Recommended learning: Bootstrap video tutorial)

Contains content

Basic structure: Bootstrap provides a Basic structure with grid system, link styles, background.

CSS: Bootstrap comes with the following features: global CSS settings, defining basic HTML element styles, extensible classes, and an advanced grid system.

Components: Bootstrap contains more than a dozen reusable components for creating images, drop-down menus, navigation, alert boxes, pop-up boxes, and more.

JavaScript plug-ins: Bootstrap includes more than a dozen custom jQuery plug-ins. You can include all plugins directly or include them one by one.

Customization: You can customize Bootstrap components, LESS variables and jQuery plugins to get your own version.

A brief introduction to the bootstrap file package

File name:

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css
bootstrap.js
bootstrap.min.js

Explanation:

bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进行调试用
bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全一样，但是把中间不必要的空格之类的东西都删掉了，
所以文件大小会比bootstrap.css小，可以在部署网站的时候引用，如果引用了这个文件，就没必要引用bootstrap.css了
bootstrap-responsive.css 这个是在对bootstrap框架应用了响应式布局之后所需要的CSS样式表，如果你的网站项目不准备做响应式设
计，就不需要引用这个CSS。
bootstrap-responsive.min.css 和bootstrap.min.css的作用是一样的，是bootstrap-responsive.css的压缩版
bootstrap.js 这个是bootstrap的灵魂所在，是bootstrap的所有js指令的集合，你看到bootstrap里面所有的js效果，都是由这个文件
控制的，这个文件也是一个未经压缩的版本，供开发的时候进行调试用
bootstrap.min.js 是bootstrap.js的压缩版，内容和bootstrap.js一样的，但是文件大小会小很多，在部署网站的时候就可以不引用
bootstrap.js，而换成引用这个文件了~~

More Bootstrap related technical articles, Please visit the Bootstrap Tutorial column to learn!

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