什么是Bootstrap?
bootstrap是目前比较流行的一个前端框架!
bootstrap框架如何安装?
点此下载最新版框架,选择用于生产环境的 Bootstrap.
可以选择zip的压缩包解压后有三个文件css,font,js三个文件夹.
注意:在使用bootstrap的时候引入文件<link rel="stylesheet" src="bootstrap的css文件路径">,外部引入方式引入css的方法引入就OK.但是如果用到bootstrap的js文件,需要提前移入jquery,bootstrap的js文件是基于jquery的.因此需要提前引入jq文件在引入bootstrap.
上面介绍了类似于外部引入css的方式引入,下面介绍一下利用cdn引入.
Bootstrap 专门构建了免费的 CDN 加速服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。BootCDN 还对大量的前端开源工具库提供了 CDN 加速服务
<!-- 最新版本的 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">
还可以通过 Bower 安装并管理 Bootstrap 的 Less、CSS、JavaScript 和字体文件。
$ bower install bootstrap
你还可以利用 npm 工具来安装 Bootstrap:
$ npm install bootstrap@3