如何引入Bootstrap?

 时间:2026-02-12 02:55:40

1、打开浏览器,进入HBuilder官网下载该IDE

如何引入Bootstrap?

如何引入Bootstrap?

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

如何引入Bootstrap?

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

如何引入Bootstrap?

4、下图即为主界面,进入主界面之后左侧项目管理器处应当是空的

如何引入Bootstrap?

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

如何引入Bootstrap?

6、展开刚刚新建的项目,下图左侧为基本项目结构,右侧为代码页面

如何引入Bootstrap?

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

如何引入Bootstrap?

如何引入Bootstrap?

如何引入Bootstrap?

8、下载完成后,解压出来,打开之后墨追三如下图:

如何引入Bootstrap?

9、把文件全部复制到该项目购特下,即导入成功

如何引入Bootstrap?

10、是不是很简单啊,希望能帮到你哦~

如何引入Bootstrap?

  • eclipse如何运行jsp页面?
  • Eclipse怎么设置中文
  • SQLyog如何连接到MySQL数据库?
  • Android Studio创建项目运行不了怎么解决
  • eclipse新建没有web项目怎么办
  • 热门搜索
    尊师重教手抄报 庆国庆手抄报图片 文学手抄报内容 圣诞节手抄报内容 清明节手抄报大全漂亮 感谢老师的手抄报 健康手抄报图片大全 国防手抄报简单又字少 三爱三节手抄报资料 儒家文化手抄报