Shulou(Shulou.com)06/03 Report--

This article will explain in detail when bootstrap can be used, Xiaobian thinks it is quite practical, so share it for everyone to make a reference, I hope you can gain something after reading this article.

Bootstrap is a front-end framework for rapidly developing Web applications and websites. Bootstrap is based on HTML, CSS, JAVAScript.

Bootstrap can be used when you want web content to automatically adapt to screen size, that is, when content can be displayed on pc and different mobile phones (different display sizes).

A row can hold up to twelve tabs, whether on a large screen or an ultra-small screen.

col-lg is generally used for large screen devices,(min-width:1200px);

col-md is generally used for medium screen devices,(min-width: 992px);

col-sm is generally used for small screen devices,(min-width: 768px);

col-xs for ultra-small devices,(max-width: 768px);

Following the number is a few, that is, a few copies, such as 4, that is, a row can display 3; or 12, that is, a row can display 1.

Regarding the use, it is better to use all four attributes in general settings, so that they can be displayed well on different screens.

For example, if you have 12 section labels, you want them to be displayed in different ways at different screen sizes, 6 in a row on a large screen, 3 in a row on a medium screen, 2 in a row on a small screen, and 1 in a row on an ultra-small screen.

You can write something like this in each section tag:

About "bootstrap can be used when" this article is shared here, I hope the above content can be of some help to everyone, so that you can learn more knowledge, if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.