Bootstrap学习(一)

本文介绍如何使用Bootstrap前端框架,包括其安装方法及基本组件使用。Bootstrap兼容多种设备与浏览器,基于jQuery,提供了丰富的CSS布局和JavaScript插件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本篇文章为学习MLDN网站免费课程时课堂记录,方便以后自己翻阅而发布。


Bootstrap是在jQuery框架基础之上开发的前端页面框架,可以兼容大部分的jQuery插件,用户通过Bootstrap提供的一些设计(如:CSS布局、JavaScript插件等)就可以制作出效果很好的页面。


Bootstrap3.X开始已经支持各种移动设备,并且支持所有主流浏览器,如:FF、Chrome、IE、Opera、Safari。


下载Bootstrap开发包:

方式一:http://www.getbootstrap.com,一个国外网站,有可能不能访问;

方式二:github下载,https://github.com/twbs/bootstrap


将下载的bootstrap压缩包直接进行解压缩之后就可以使用了



如果想使用bootstrap,只需要将dist目录下的css、js、fonts文件夹拷贝到项目中就可以了,此时工作环境准备完成了,接下来就可以进行代码编写了。


项目需导入的bootstrap文件:

1、css:bootstrap.min.css,所有的源代码都在“bootstrap.css”格式化的进行了显示;

2、js:bootstrap.min.js,所有的源代码都在“bootstrap.js”文件里面格式化显示。


注:由于bootstrap是基于jQuery建立的应用框架,还需要引入jQuery开发包(http://www.jquery.com

Bootstrap的基本模版和案例了参考网站:http://v3.bootcss.com/getting-started/#examples

bootstrap入门 type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.min.css" >


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值