01_Bootstrap起步1|学习笔记

简介: 快速学习01_Bootstrap起步1

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

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


01_Bootstrap起步1


目录:

一、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

相关文章
|
前端开发 JavaScript
Bootstrap 入门学习
Bootstrap 入门学习
70 0
|
5月前
|
编解码 前端开发 JavaScript
BootStrap 响应式布局技术教程简介
BootStrap 响应式布局技术教程简介
120 1
|
5月前
|
消息中间件 架构师 Java
华为十年架构师带你从源码到项目,开启你的springboot实战之旅
微服务一词相信对很多开发者来说已经耳熟能详了。在我曾经工作的公司,还是使用单体项目来部署时,无论是打包还是运行都耗时耗力,这一直让我很苦恼。同时,每次需要创建新应用、构建项目配置Spring的时候也十分麻烦。
|
12月前
|
前端开发 JavaScript
BootStrap基础学习
BootStrap基础学习
55 0
|
移动开发 前端开发 JavaScript
Bootstrap- 起步|学习笔记
快速学习 Bootstrap- 起步
201 0
Bootstrap- 起步|学习笔记
|
前端开发 容器
Bootstrap,浅入一下。
Bootstrap,浅入一下。
129 0
Bootstrap,浅入一下。
|
前端开发 JavaScript 容器
Bootstrap快捷开发【前端Bootstrap框架】
Bootstrap快捷开发【前端Bootstrap框架】
Bootstrap快捷开发【前端Bootstrap框架】
|
前端开发 JavaScript 容器
Bootstrap入门学习(三)——简单项目
Bootstrap入门学习(三)——简单项目
197 0
Bootstrap入门学习(三)——简单项目
|
前端开发 JavaScript 开发者
|
开发框架 前端开发 JavaScript
02_Bootstrap起步2|学习笔记
快速学习 02_Bootstrap起步2
101 0