bootstrap可视化工具的使用

bootstrap
浏览器Hbuilder X方式/
1起首打开bootstrap菜鸟教程

bootstrap可视化工具的使用

文章插图

2【bootstrap可视化工具的使用】拉到最下方 , 找到“Bootstrap 可视化结构” , 点击进入

bootstrap可视化工具的使用

文章插图

3可调节结构设置、根基CSS、东西本家儿键、javascript

bootstrap可视化工具的使用

文章插图

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

bootstrap可视化工具的使用

文章插图

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

bootstrap可视化工具的使用

文章插图

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

bootstrap可视化工具的使用

文章插图

7也可点击前去旧版

bootstrap可视化工具的使用

文章插图

8旧版与新版之前良多处所都是分歧的 , 看小我习惯利用哪个


以上内容就是bootstrap可视化工具的使用的内容啦 , 希望对你有所帮助哦!

    推荐阅读