地毯文(立足根本的基础细节篇)
2016-02-25 15:27
232 查看
相关连接:http://v3.bootcss.com/getting-started/
一、使用 Bootstrap 中文网提供的免费 CDN 加速服务(同时支持 http 和 https 协议)
基于国内云厂商的 CDN 服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。
二、Bootstrap 插件全部依赖 jQuery
请注意,Bootstrap 的所有 JavaScript 插件都依赖 jQuery,因此 jQuery 必须在 Bootstrap 之前引入,就像在基本模版中所展示的一样。在 bower.json 文件中 列出了 Bootstrap 所支持的 jQuery 版本。
三、一个最简单的 Bootstrap 页面了。
四、Bootstrap中的role
html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和可交互性。
role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button 。比如,
五、栅格参数
一、使用 Bootstrap 中文网提供的免费 CDN 加速服务(同时支持 http 和 https 协议)
基于国内云厂商的 CDN 服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。
<!-- 新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <!-- 可选的Bootstrap主题文件(一般不用引入) --> <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
二、Bootstrap 插件全部依赖 jQuery
请注意,Bootstrap 的所有 JavaScript 插件都依赖 jQuery,因此 jQuery 必须在 Bootstrap 之前引入,就像在基本模版中所展示的一样。在 bower.json 文件中 列出了 Bootstrap 所支持的 jQuery 版本。
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
三、一个最简单的 Bootstrap 页面了。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>你好,世界!</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>
四、Bootstrap中的role
无障碍设计里的标签,是方便障碍人士使用屏幕阅读器使用的。(比如说你的网站设计时没有考虑无障碍应用,可能正常人看着网站没有任何问题,可是盲眼人士使用屏幕阅读器看你网站可能就不容易看懂了。)
html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和可交互性。
role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button 。比如,
<div role="checkbox" aria-checked="checked"></div> 辅助工具就会知道,这个div实际上是个checkbox的角色,为选中状态。
五、栅格参数
相关文章推荐
- jQueryMobile学习笔记(二)
- Xcode7.1 面证书 真机调试
- iOS跳转到qq聊天界面
- Android 设置静态和动态壁纸
- 1081. Rational Sum (20)
- 在centos上安装VSFTPD
- sublime text 使用技巧二
- 《leetCode》: Maximum Depth of Binary Tree
- Android 实现通知栏显示多个notification
- 数据库个人经验
- Log4j源码解析--Appender接口解析
- RxJava转换操作符 conactMap
- IOS SEL (@selector)原理及使用总结
- Unicode字符集的发展历史及与UTF-8,ISO8891-1等字符集的关系
- 浅析Java中的final关键字
- 解决FTP不支持软连接
- iOS 打电话 发短信功能的实现
- Oracle执行计划 讲解(二) .
- HDU 5629 Clarke and tree dp+prufer序列
- java中的线程安全的集合