zoukankan      html  css  js  c++  java
  • Bootstrap 安装

                      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——前端自动化测试工具
    

      

  • 相关阅读:
    LintCode Python 简单级题目 41.最大子数组
    helm深入学习
    kubernetes组件helm
    解压war包
    linux打开进程数测试
    docker使用centos7系统构建oraclejdk镜像
    docker使用centos7系统构建tomcat镜像
    docker使用alpine系统构建tomcat镜像
    docker制作共享jdk的tomcat镜像
    java cpu使用率高异常排查
  • 原文地址:https://www.cnblogs.com/liujunzhe/p/8445038.html
Copyright © 2011-2022 走看看