bootstrap可视化工具的使用

时间:2024-10-11 19:41:48

1、首先打开bootstrap菜鸟教程

bootstrap可视化工具的使用

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

bootstrap可视化工具的使用

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

bootstrap可视化工具的使用

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

bootstrap可视化工具的使用

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

bootstrap可视化工具的使用

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

bootstrap可视化工具的使用

7、也可点击前往旧版

bootstrap可视化工具的使用

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

© 手抄报圈