多语言展示
当前在线:871今日阅读:23今日分享:25

bootstrap可视化工具的使用

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

bootstrap

2

浏览器

3

Hbuilder X

方法/步骤
1

首先打开bootstrap菜鸟教程

2

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

3

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

4

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

5

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

6

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

7

也可点击前往旧版

8

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

注意事项

别忘了引入bootstrap的js及css

推荐信息