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.

is a framework for making web pages (currently the most popular WEB front-end framework), which means that 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. !

What bootstrap is used for

Function:

You can quickly write websites using the styles and components it provides

You only need to reference some defined classes, that is, class names, to create a web page with a very beautiful style, and it supports self-adaptation, which is a very good framework.

To put it simply:

is an open source project (based on Jquery) for quickly building a website front page. 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" will make the font size smaller. You don’t have to. 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

Explanation:

bootstrap. css is a complete bootstrap style sheet. It is uncompressed and can be used for debugging during development.

bootstrap.min.css is a compressed bootstrap style sheet. The content is exactly the same as bootstrap.css. However, unnecessary spaces and other things in the middle are deleted, so the file size will be smaller than bootstrap.css and can be referenced when deploying the website. If this file is referenced, there is no need to reference bootstrap.css

bootstrap-responsive.css This is the CSS style sheet required after applying responsive layout to the bootstrap framework. If your website project is not prepared for responsive design, you do not need to reference this CSS.

bootstrap-responsive.min.css has the same function as bootstrap.min.css. It is a compressed version of bootstrap-responsive.css

bootstrap.js This is the soul of bootstrap. It is a collection of all js instructions in bootstrap. You can see that all js effects in bootstrap are controlled by this file. This file is also an uncompressed version for debugging during development

bootstrap.min.js is a compressed version of bootstrap.js. The content is the same as bootstrap.js, but the file size will be much smaller. When deploying the website, you can refer to this file instead of bootstrap.js~~

Related recommendations: "bootstrap tutorial"

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!