bootstarp网格中的列xs，sm，md，lg之间有什么区别 [英] What is the difference between column xs, sm, md, lg in bootstarp grid

问题描述

当我们使用class =col-md-12并调整窗口大小时，它将在每个分辨率下作为响应窗口工作，然后在我们使用class =col-lg-12 col-md-6 col-sm之后-4这也有效，那么xs，sm，md，lg之间有什么区别......



我尝试过的方法：



试过

响应第一列

响应第二列

解决方案

< blockquote>你好，



Bootstrap使用由12列组成的网格系统，目标是4种不同的屏幕尺寸。

xs 用于手机， sm 用于平板电脑， md 用于桌面， lg 用于大型桌面。



在这里查看更多详情：

Bootstrap网格系统 [ ^ ]



Bootstrap 3网格系统解释 - YouTube [ ^ ]



谢谢。

看看这个：引导您的网页2 - 响应布局 [ ^ ]

When we use class="col-md-12" and resize window, it will work as responsive window at every resolution, and then after we use class="col-lg-12 col-md-6 col-sm-4" this also work as same then what is the difference between xs, sm, md, lg ...

What I have tried:

"Tried

responsive column one

responsive column two

"

解决方案

Hello,

Bootstrap uses a grid system made of 12 columns, and targets 4 different screen sizes.
xs for phones, sm for tablets, md for desktops, lg for large desktops.

Have a look here for plenty more details:
Bootstrap Grid System[^]

Bootstrap 3 grid system explained - YouTube[^]

Thanks.

Check this out: Bootstrapping Your Web Pages 2 – Laying Out Responsively[^]

这篇关于bootstarp网格中的列xs，sm，md，lg之间有什么区别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！