阿里云
为了无法计算的价值
打开APP
阿里云APP内打开
学习中心> 前端开发框架Bootstrap使用教程> 正文

前端开发框架Bootstrap使用教程

34课时 |
18667人已学 |
免费
课程介绍

Bootstrap,来自Twitter,是很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

Bootstrap 起步

 

目录:

一、Bootstrap 介绍

二、下载 Bootstrap

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

 

一、Bootstrap介绍

官网:getbootstrap.com

中文网址:www.bootcss.com

打开中文网址

 

image.png

 

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

 

image.png

 

我的学习进度
请登录后查看您的学习进度!
立即登录
本课程相关云产品