Bootstrap网格系统

2026-02-12 14:12:19

1、打开HBuilder X,新建一个项目:

Bootstrap网格系统

2、打开刚刚新建的项目:

Bootstrap网格系统

3、引入JQuery:

Bootstrap网格系统

4、引入bootstrap:

Bootstrap网格系统

5、响应式网格系统随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。

Bootstrap网格系统

6、CTRL+R打开游览器运行:

因为响应式网格系统随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。所以这里多出来的一个就排到下面去了。

Bootstrap网格系统

猜你喜欢