Shulou(Shulou.com)05/31 Report--

This article mainly explains "what does sm refer to in bootstrap". The content of the explanation in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what is sm in bootstrap".

In bootstrap, sm means "small" and is the abbreviation of small; sm is often used to represent the grid class ".col-sm-*", which means small screen devices, indicating screen devices whose display size is greater than or equal to 768px and smaller than 992px, similar to tablet devices.

Operating environment of this tutorial: Windows10 system, bootstrap3.3.7 version, DELL G3 computer

What does sm mean in bootstrap

Sm means small, that is, small.

What is a grid system?

Grid system refers to dividing the page layout into columns of equal width, and then modularizing the page layout through the definition of the number of columns. Bootstrap's grid system uses a 1-12 column mode and sets the column width you define through proportional calculation. For example, if your row wants to use a two-column layout mode, then the width of each column is 50% of the outer container. No matter what device you use to browse, it will be displayed in this ratio. However, if the width of the device is less than the minimum width you set, the two columns will be side by side.

Grid system of Bootstrap

Using grid systems in Bootstrap is very simple and convenient, as long as you introduce the classes they have defined into your div.

Let's first take a look at how many grid classes Bootstrap can use:

1. Col-xs-* this is the ultra-small screen class (

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.