What is bootstrap used for?

Bootstrap is an open source toolkit for front-end development, a framework for making web pages. You can use the styles and components it provides to quickly write websites; users only need to reference some defined classes, which are class names. , you can create web pages that already have very beautiful styles, and support adaptability.

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. [Related recommendations: "bootstrap Video Tutorial"]

Bootstrap official website: http://v3.bootcss.com/

Bootstrap is a website builder Framework (currently the most popular WEB front-end framework) means that you only need to write HTML tags and call its classes, and you can quickly create a high-end web page. You don’t have to worry about compatibility issues, and there are many styles 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. !

Function:

Use the styles and components it provides to quickly write websites

You only need to reference some defined classes, that is, class names , you can create a web page that already has a very beautiful style, and it supports self-adaptation. It 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 meaning of the 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: abbreviations; the complete 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

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, but unnecessary spaces and other things in the middle are deleted, so the file size will be smaller than bootstrap.css. It 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 When doing responsive design, there is no 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 Use

• bootstrap.min.js for debugging during development. It 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 At that time, you can not reference bootstrap.js, but instead reference this file~~

For more programming-related knowledge, please visit: Introduction to Programming! !

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!