vs code中 bootstrap的使用

1,876 阅读1分钟

what is bootstrap?

是一个封装好的库,里边有很多的css样式和script.功能非常的强大,引入bootstrap可以使我们的页面更加的美观,同时节省自己编程的时间。

在vs code 中添加bootstrap

打开vs code ,使用扩展功能,搜索bootstrap 3 snippets 和 bootstrap 4 snippets ,进行安装。
在这里插入图片描述

bootstrap的使用

1.输入bs3- 可以弹出提示,根据自己的需要进行添加即可。
在这里插入图片描述

2.使用bootstrap模板
在一个刚刚打开空白的html文件中输入b4-$ 可以使用bootstrap模板
在这里插入图片描述