前端框架 BootStrap 快速入门(Hallo Word)

什么是 BootStrap

 Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。

  • 它定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。

  • 响应式布局:同一套页面可以兼容不同分辨率的设备。

 

快速入门

  1. 下载BootStrap

  2. 在项目中导入下载的BootStrap

  3. 创建html页面,引入必要的资源文件

下载BootStrap

下载地址:https://v4.bootcss.com/docs/getting-started/download/

这里使用的是 bootstrap-3.3.7

 

导入BootStrap

这里使用的编程工具是 Intelli IDEA

将下载好的 bootstrap-3.3.7 直接复制到项目目录下。

如:我将 bootstrap-3.3.7 复制到了 BootStrap_Study 项目目录下,并命名为BootStrap_3.3.7_libs

前端框架 BootStrap 快速入门(Hallo Word)_第1张图片

这还不行,因为bootstrap需要依赖jQuery,所以我们还需要下载jQuery,并将jQuery也如上方式,放到我们的项目目录下。

下载地址:https://jquery.com/download/

前端框架 BootStrap 快速入门(Hallo Word)_第2张图片

下载好后,复制到项目目录下,如:

前端框架 BootStrap 快速入门(Hallo Word)_第3张图片

 

Hallo Word程序

JS文件

Bootstrap 所提供的许多组件都依赖 JavaScript 才能运行。具体来说,这些组件都依赖 jQuery、Popper.js 以及我们自己的 JavaScript 插件。将以下 

你可能感兴趣的:(前端框架 BootStrap 快速入门(Hallo Word))