且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

01_Bootstrap起步1|学习笔记

更新时间:2022-09-04 08:29:29

开发者学堂课程【前端开发框架Bootstrap使用教程01_Bootstrap起步1】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/360/detail/4220


01_Bootstrap起步1


目录:

一、Bootstrap 介绍

二、下载 Bootstrap

三、对浏览器和设备的支持情况


一、Bootstrap介绍

官网:getbootstrap.com

中文网址:www.bootcss.com

打开中文网址


01_Bootstrap起步1|学习笔记


点击 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)的支持


01_Bootstrap起步1|学习笔记