bootstrap框架基础知识1

1bootstrap简介

1.什么是bootstrap

1.1bootstrap是由Twitter的Mark Otto和jacob Thornton 两位设计式开发的
1.2bootstrap 是2011年八月在GitHub上发布的开源产品.
1.3bootstrap是一个用于快速开发Web开发应用程序和网站的前 端的框架。
1.4bootstrap是基于HTML,css,javascript的。
1.5bootstrap简洁灵活,使用web开发更加快捷。
1.6bootstrap可以构建出非常优雅的前端界面,而且占用资源非常小。

2.为什么使用bootstrap?

2.1移动设备优先。框架包含了贯穿整个库的移动设备优先的样式。
2.2浏览器支持。所有的主流浏览器都支持。
2.3容易上手。只有你具备HTML,css,Js基础知识,就可以开始学习。
2.4响应式设计。bootstrap的响应式css能够自适应台式机,平板电脑和手机。

##bootstrap环境安装

1.bootstrap下载
1.1下载的中文地址:http://v3.bootcss.com/

用于生产环境的bootstrap
编译并压缩后的css,Javascript和字体
文件。不包含文档和源代码文件。
下载bootstrap 推荐使用

bootstrap源码
less ,Javascript和字体文件的源码,并
且有文档。需要less编译器和一些设置工作。
下载源码

sass
这是bootstrap从less到sass的源码移动
值项目,用于快速的在Rails,compass,
或者只针对Sass的项目中引入
下载Sass 项目

1.2使用bootstrap中文网提供的免费CDN服务
1.1.1bootstrap中文网为bootstrap专门构建了自己的免费CSD加速服务。
基于国内云厂商的CDN服务,访问速度更快,加速效果更明显,没有速度和带
宽限制,永久免费。bootstrap中文网还对大量的前端开源工具库提供了CSD
加速服务,请进入bootcdn(http://www.bootchdn.cn)主页查看更多可用的工具库。

1.3什么是CDN加速服务?
1.1CSD的全称是Content Delivery Network,即内容分发网络。其基本思路是
尽可能避开互联网上有可能影响数据传输和稳定性的瓶颈和环节,
使用内容传输的更快,更稳定。

bootstrap基本模板
1.bootstrap模板必须是基于HTML5文件的。因此DTD类型定义必须是HTML5的。
2.bootstrap文件当字符集设置,也要遵循HTML5的规范。
3.设置IE浏览器兼容模式(X-UA-Compatible)。
4.设置模板,适应于所有平台(viewport)。
5.引入bootstrap的css主文件(bootstrap.min.css)
6.引入jQuery插件的文件(jQuery)
7.引入bootstrap的js主文件(bootstrap.mim.js)

你可能感兴趣的:(笔记)