vs code中 bootstrap的使用

时间:2024-03-30 17:01:06

what is bootstrap?

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

在vs code 中添加bootstrap

打开vs code ,使用扩展功能,搜索bootstrap 3 snippets 和 bootstrap 4 snippets ,进行安装。
vs code中 bootstrap的使用

bootstrap的使用

1.输入bs3- 可以弹出提示,根据自己的需要进行添加即可。
vs code中 bootstrap的使用

2.使用bootstrap模板
在一个刚刚打开空白的html文件中输入b4-$ 可以使用bootstrap模板
vs code中 bootstrap的使用