Bootstrap的使用

Bootstrap的使用

1. 概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。

   • 框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。
   • 好处：
     1. 定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。
     2. 响应式布局。
        • 同一套页面可以兼容不同分辨率的设备。

2. 快速入门

   1. 下载Bootstrap
      
      
   2. 把bootstrap-3.3.7-dist.zip解压后的文件夹下的三个文件夹复制到项目的模块下，然后把jquery-3.2.1.min.js文件复制到项目中的js包下
      
   3. 创建html页面，引入必要的资源文件

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/bootstrap.min.js"></script>
   

   你好，世界！