Bootstrap框架--1.1安装和使用

本文介绍了Bootstrap3的下载来源,包括官网和中文网,并强调其稳定性和响应式设计特点。详细步骤指导了如何下载并引入到项目中,包括CSS和JS文件,以及jQuery的使用。同时提供了使用CDN链接和npm安装的方式作为替代选项。
摘要由CSDN通过智能技术生成

一、下载网站

官网:http://getbootstrap.com/

中文网:http://www.bootcss.com/

建议使用bootstrap3,更稳定。

二、特点

1.响应式设计,12列网格。

2.自定义JQuery插件。

三、下载与使用

1.下载:http://v3.bootcss.com/getting-started/

2.下载完成后

   拷贝dist/css中的bootstrap.min.css到项目css中

   拷贝dist/js中的bootstrap.min.js到项目的js中

3.下载jquery.js(想要使用插件、组件)

   http://jquery.com/

4.在html中的模板为:

先引入JQuery.js,再引入bootstrap.js;因为bootstarp依赖于JQuery。

也可以使用jQuery在线CDN库:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

5.使用引入链接不需要下载,但需要网络。

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值