Home > Web Front-end > Bootstrap Tutorial > What is bootstrap used for?

What is bootstrap used for?

angryTom
Release: 2020-05-15 09:21:32
Original
3392 people have browsed it

What is bootstrap used for?

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.

It is a framework for making web pages (currently the most popular WEB front-end framework). That is to say, you only need to write HTML tags and call its classes and you can quickly make a high-end web page. You don’t have to worry. Compatibility issues, many styles are provided for you to choose from!
For example, you need to make a website navigation, right? If you write it yourself, you need to write a lot of code, but if you use the bootstrap framework to write it, you only need to write the HTML tag and call the class name!

If you want to know more about Bootstrap, you can click: Bootstrap Tutorial

##Function:

Use the styles and components it provides to quickly write websites

You only need to reference some defined classes, that is, class names, to create web pages that already have very beautiful styles. , and supports self-adaptation, which is a very good framework.

To put it simply: it is an open source project (based on Jquery) to quickly build the front-end page of a website. You only need to understand the meanings of relevant classes, tag names, etc., and then when building the page, import bootstrap's JS, css, etc., and it will show the corresponding effects:

For example, HTML description: abbreviation ; The full content will be displayed when the mouse is hovered over abbreviations and abbreviations. Bootstrap implements enhanced styles for HTML elements. The abbreviation element has a title attribute and appears as a light dotted frame. When the mouse is moved over it, it will turn into a pointer with a "question mark". When you need a certain word or phrase in the paragraph text to have the above effect, you can just write it in that format. The additional class="initialism" makes the font size smaller, or it is not necessary. On the other hand: if you don't try bootstrap or other similar frameworks, then you have to write such effects yourself, which takes a long time to develop. Another example is Jquery's easyui, which is similar.

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
Copy after login

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,而换成引用这个文件了~~
Copy after login

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template