Bootstrap环境安装

十月梦想

发布于 2018-08-29 11:00:25

1.6K0

文章被收录于专栏：十月梦想十月梦想

什么是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 进行安装

还可以通过 Bower 安装并管理 Bootstrap 的 Less、CSS、JavaScript 和字体文件。

$ bower install bootstrap

通过 npm 进行安装

你还可以利用 npm 工具来安装 Bootstrap：

$ npm install bootstrap@3

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018-1-18，如有侵权请联系 cloudcommunity@tencent.com 删除

bootstrap

jquery

cdn