开发者学堂课程【前端开发框架Bootstrap使用教程:01_Bootstrap起步1】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/360/detail/4220
01_Bootstrap起步1
目录:
一、Bootstrap 介绍
二、下载 Bootstrap
三、对浏览器和设备的支持情况
一、Bootstrap介绍
官网:getbootstrap.com
中文网址:www.bootcss.com
打开中文网址
点击 Bootstrap3 中文文档(v3.3.5)
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局,移动设备优先的 WEB 项目。
为所有开发者,所有应用场景而设计
包含三个方面 :
预处理脚本:虽然可以直接使用 Bootstrap 提供的 CSS 样式表,不要忘记 Bootstrep 的源码是基于最流行的 CSS 预处理脚本- Less和Sass开发的。你可以采用预编译的 CSS 文件快速开发,也可以从源码定制自己需要的样式。
一个框架、多种设备:你的网站和应用能在 Bootstrap 的帮助下通过同一份代码快速、有效适配手机、平板、PC 设备,这-切都是 CSS 媒体查询( Media Query )的功劳。
特性齐全:ootstrap 提供了全面、美观的文档。你能在这里找到关于 HTML 元素、HTML 和 CSS 组件、jQuery 插件方面的所有详细文档。
查看基于 Bootstrap 构建的网站
例www.ghostchina.com
还可以进入优站精选
二、下载Bootstrap
有三种下载方式
用于生产环境的 Bootstrap:编译并压缩后的 CSS. JavaScrip 和字体文件。不包含文档和源码文件。
Bootstrap 源码:Less、JavaScript 和字体文件的源码,并且带有文档。需要 Less 编译器和一些设置工作。
Sass:这是 Bootstrap 从 Less 到 Sass 的源码移植项目,用于快速地在 Ralls. Compass 或只针对 Sass 的项目中引入。
推荐下载第二个
三、对浏览器和设备的支持情况
被支持的浏览器
Bootstrap 在 Chromium 和 Linux 版 Chrome、Linux 版 Firefox 和 IntermetExplorer7 上的表现也是很不错的,虽然我们不对其进行官方支持。
浏览器 bug 列表中列出了影响 Bootstrap 正常功能的浏览器 bug。
lnternetExplorer 8和9
InternetExplorer8和9是被支持的,然而,你要知道,很多 CSS3 属性和 HTML5 元素-例如,圆角矩形和投影-是.肯定不被支持的。另外, Internet Explorer 8需要 Respond.js 配合才能实现对媒体查询( media query)的支持