Bootstrap 学习(1)_html/css_WEB-ITnose
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
Bootstrap 包的内容
下载 Bootstrap
您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时,您将看到如下所示的网页:
您会看到两个按钮:
引入所需的js和css文件
注意:Jquey的文件必须在bootstrap.min.js之前引入、
第一个例子,Hello World
在线尝试 Bootstrap 实例 Hello, world!
Bootstrap 浏览器/设备支持
Bootstrap 可以在最新的桌面系统和移动端浏览器中很好的工作。
旧的浏览器可能无法很好的支持。
下表为 Bootstrap 支持最新版本的浏览器和平台:
Android | YES | YES | 不适用 | NO | 不适用 |
iOS | YES | 不适用 | 不适用 | NO | YES |
Mac OS X | YES | YES | 不适用 | YES | YES |
Windows | YES | YES | YES* | YES | NO |
* Bootstrap 支持 Internet Explorer 8 及更高版本的 IE 浏览器。
Bootstrap 表格
Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素:
表格类下表样式可用于表格中:
|
推荐阅读
-
Bootstrap 学习(1)_html/css_WEB-ITnose
-
使用 Bootstrap 和 HTML5 Boilerplate 开始一个项目_html/css_WEB-ITnose
-
Bootstrap 3之美04-自定义CSS、Theme、Package_html/css_WEB-ITnose
-
Html学习笔记(一)_html/css_WEB-ITnose
-
BootStrap学习(2)_html/css_WEB-ITnose
-
compass tables 表格 表格常见样式[Sass和compass学习笔记]_html/css_WEB-ITnose
-
Gulp学习指南之CSS合并、压缩与MD5命名及路径替换_html/css_WEB-ITnose
-
CSS学习之菜鸟入门_html/css_WEB-ITnose
-
JavaScript学习笔记:数组随机排序_html/css_WEB-ITnose
-
Bootstrap 面包屑导航_html/css_WEB-ITnose
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论