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网格系统

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com