如何引入Bootstrap

小编今天教大师怎么引入Bootstrap~

需要这些哦
计较机一台
HBuilder
方式/
1打开浏览器 , 进入HBuilder官网下载该IDE

如何引入Bootstrap

文章插图

如何引入Bootstrap

文章插图

2下载完当作后 , 解压出来 , 启动文件名HBuilder.exe

如何引入Bootstrap

文章插图

3双击启动文件 , 会有一个登录注册页面 , 点击暂不登录

如何引入Bootstrap

文章插图

4下图即为本家儿界面 , 进入本家儿界面之后左侧项目办理器处该当是空的

如何引入Bootstrap

文章插图

5鼠标移动到项目办理器下方空白处 , 右击》》新建》》WEB项目 , 设置好项目名称 , 完当作即可

如何引入Bootstrap

文章插图

6【如何引入Bootstrap】睁开方才新建的项目 , 下图左侧为根基项目布局 , 右侧为代码页面

如何引入Bootstrap

文章插图

7打开浏览器 , 进入Bootstrap中文官网 , 单击Bootstrap3中文文档(v3.3.7)按钮 , 会跳转到一个新的页面单击下载Bootstrap按钮 , 再次跳转到一个页面 , 单击下载Bootstrap按钮 , 弹出保留框 , 选择保留至桌面即可

如何引入Bootstrap

文章插图

如何引入Bootstrap

文章插图

如何引入Bootstrap

文章插图

8下载完当作后 , 解压出来 , 打开之后如下图:

如何引入Bootstrap

文章插图

9把文件全数复制到该项面前目今 , 即导入当作功

如何引入Bootstrap

文章插图

10是不是很简单啊 , 但愿能帮到你哦~

如何引入Bootstrap

文章插图

注重事项要写代码的话 , 记得加上jquery-3.3.1.js

以上内容就是如何引入Bootstrap的内容啦 , 希望对你有所帮助哦!

推荐阅读