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

This article mainly introduces what bootstrap grid system means, has certain reference value, interested friends can refer to, I hope you have a lot of gains after reading this article, let Xiaobian take you to understand.

What is a grid system?

A grid system is a way of dividing a page layout into columns of equal width and then modularizing the page layout by defining the number of columns. Bootstrap's grid system uses a 1-12 column pattern and scales to set the column widths you define. For example, if you want to use a two-column layout pattern for this row, then the width of each column is 50% of the outer container. No matter what device you use to browse, it will be displayed at this ratio. However, if the width of the device is less than the minimum width you set, then the two columns will become a column side by side.

Bootstrap's Grid System

Using grid systems in Bootstrap is easy and convenient, simply by introducing classes they already define into your div.

Let's look at Bootstrap first. There are several raster classes you 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.