加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Bootstrap学习(一)

发布时间:2020-12-17 20:58:00 所属栏目:安全 来源:网络整理
导读:本篇文章为学习MLDN网站免费课程时课堂记录,方便以后自己翻阅而发布。 Bootstrap是在jQuery框架基础之上开发的前端页面框架,可以兼容大部分的jQuery插件,用户通过Bootstrap提供的一些设计(如:CSS布局、JavaScript插件等)就可以制作出效果很好的页面。

本篇文章为学习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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读