Bootstrap栅格系统的基本用法

 时间:2024-10-28 17:01:13

1、Bootstrap中的网格布局其实就是行和列的组合,根据屏幕大小的不同分为了4种不同的使用方式。在基础用法中使用1600px的屏幕,如图所示。

Bootstrap栅格系统的基本用法

2、在屏幕为1600px的情况下,页面中看到的效果如图所示。

Bootstrap栅格系统的基本用法

3、在屏幕小于1200px的情况下显示效果如图所示。

Bootstrap栅格系统的基本用法

4、从上面的效果可以看出,当小于屏璨蜀锉鲦幕临界值之后,所有的内容会堆在一起。当col-lg-*和col-sm-*同时使用时,屏幕小于最小临界值时内容会堆在一起,代码如下:

Bootstrap栅格系统的基本用法

5、不论1600分辨率、1200分辨率下全部是满屏显示,效果如下

Bootstrap栅格系统的基本用法Bootstrap栅格系统的基本用法
  • 华为手机如何下载CCtalk
  • 南瓜番茄汤怎么做
  • 经典名著87版《红楼梦》电视剧中穿帮镜头第三篇
  • 外省市学生如何进入武清杨村三中读高中
  • 怎样拥有少女漫画眼,素目来教你!
  • 热门搜索
    苹果6s怎么截图 炒面的做法大全 桂鱼怎么做好吃 怎么剪辑音乐 自动挡怎么开 论文开题报告怎么写 钢笔怎么装墨囊 水木娃娃十万个为什么 cad箭头怎么画 怎么查看电脑配置