Introduction to Bootstrap and how to use it

Introduction to Bootstrap and how to use it

Bootstrap is an HTML, CSS, and JS framework for developing responsive la S and mobile device-preferred WEB projects.

It can automatically adapt to any device to solve the tedious problem of responsive implementation. It can modify various styles. Similarly, its internal functions include the entire HTML, CSS, JS.

The website created through Bootstrap greatly saves code and significantly improves the cleanliness of the webpage. It can be used more quickly and better.

 

Http://v3.bootcss.com/getting-started/this is what bootstrap3.3.7

 

How to use:

As shown above, if you want to insert your own css file, you need to insert your own css file after




JavaScript files must be placed before the Bootstrap file; otherwise, an error occurs.

Remember to write this code in the head. Although it is a comment body, it will take effect: the first js enables ie8 to support HTML5 new labels.
The second js enables ie8 to support CSS3 media queries

So how to apply it in the code, you need to learn about the group names of various styles from the official Bootstrap website.
Bootstrap uses different group names to determine the effect of each tag.

 

For example, if a table has these classes, the following table style appears:

Instead of traditional table Styles

By grouping different tags, different effects can be achieved without the css style or js setting changes, you only need to change the text style or color in your css file to quickly create a framework website.

The raster system is an important responsive system for Bootstrap. By using the raster, you can quickly complete the response.

The raster system supports the following width adaptation methods:

The result is: Full Screen

Gradually decrease the width:

 

Decrease the width again:

 

The effect displayed in a column. The grid system is skilled in application, so that the responsive layout can be quickly completed. You only need to set the corresponding content internally.