Bootstrap Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目 一.<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件(一般不用引入) --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 二、安装 1.通过Bower进行安装 $ bower install bootstrap 2.通过npm进行安装 $ npm install bootstrap@3 require('bootstrap') 代码的作用是加载 Bootstrap 的所有 jQuery 插件 3.通过Composer进行安装 $ composer require twbs/bootstrap 三、准备环境 1.下载 node.js ---> https://nodejs.org/ 完事安装,命令窗口输:node -v 查看安装结果,显示版本号成功。 2.命令窗口输入:npm install -g grunt-cli 回车 验证:grunt 3.切换目录到准备好的项目或网站目录如下: 安装grunt 在grunt_test目录下输入:npm install grunt --save-dev 插件作用: 官网插件列表页面 http://www.gruntjs.net/plugins Contrib-jshint——javascript语法错误检查; Contrib-watch——实时监控文件变化、调用相应的任务重新执行;Ctrl+C手动停止 Contrib-clean——清空文件、文件夹; Contrib-uglify——压缩javascript代码 Contrib-copy——复制文件、文件夹 Contrib-concat——合并多个文件的代码到一个文件中 karma——前端自动化测试工具