bootstrap环境搭建

本文介绍如何安装Bootstrap并将其引入项目中。提供了两种方法:一种是下载完整的Bootstrap包并在本地使用;另一种是通过CDN直接引用。同时强调了引入jQuery的重要性。

一,bootstrap安装
1.下载完整版的bootstrap。
http://v3.bootcss.com

2.按照需求下载bootstrap,按需定制所需要的部分。

http://v3.bootcss.com/customize/

二,引入bootstrap
1.使用本地的bootstrap文件
如果想要稳定的使用bootstrap文件,即下载下来在本地项目中使用。
(1)将css文件放在bootstrap.min.css放在stylesheet专门放css的文件夹。把Js文件bootstrap.min.js放在类似script文件夹中。
(2)在页面中使用bootstrap
将bootstrap文件bootstrap文件引入到当前页面中,由于bootstrap基于jquery,所以引入js文件之前,一定先引入jquery.js.

<!-- Bootstrap 核心 CSS 文件 --></p>
<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">

<!-- jQuery文件 -->
<script src="/scripts/jquery.min.js"></script>

<!-- Bootstrap 核心 JavaScript 文件 -->
<p><script src="/scripts/bootstrap.min.js"></script>

2.使用bootstrap cdn
如果网络环境还可以,而不想下载bootstrap。那么可以使用互联网上的cdn服务。

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值