养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

bootstrap可视化工具的使用

时间:2024-11-10 12:24:45

bootstrap是比较流行的前端框架,那么可视化工具如何使用呢?

bootstrap可视化工具的使用

工具/原料

bootstrap

浏览器

HbuilderX

方法/步骤

1、首先打开bootstrap菜鸟教程

bootstrap可视化工具的使用

2、拉到最下方,找到“Bootstrap可视化布局”,点击进入

bootstrap可视化工具的使用

3、可调节布局设置、基本CSS、工具主键、javascript

bootstrap可视化工具的使用

4、选择你要的效果,拖动至右方窗口即可

bootstrap可视化工具的使用

5、完成后,点击上方的“下载”,之后复制文本到html的body里面,

bootstrap可视化工具的使用

6、具体效果如下,别忘了引入bootstrap的js及css

bootstrap可视化工具的使用

7、也可点击前往旧版

bootstrap可视化工具的使用

8、旧版与新版之前很多地方都是不同的,看个人习惯使用哪个

© 一点知识