Bootstrap网格系统

2024-10-14 04:06:50

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

Bootstrap网格系统

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

Bootstrap网格系统

3、引入JQuery:

Bootstrap网格系统

4、引入bootstrap:

Bootstrap网格系统

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

Bootstrap网格系统

6、CTRL+R打开游览器运行:因为响应式网坼黉赞楞格系统随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。所以这里多出来的一个就排到下面去了。

Bootstrap网格系统
猜你喜欢