Bootstrap中的属性aria-hidden、sr-only、aria-labe、al。。。
【bootstrap】介绍bootstrap中的css样式的sr-only、aria-hidden、aria-labe、alert组件等的含义及⽤途
看了两天的bootstrap，发现这就是⼀个前端的框架，让你做⽹站的时候套着⽤，看了看中⽂官⽹， 分为4个部分：
1. 起步
2. 全局css样式
3. 组件
4. javascript插件
如何漂移这⼏个内容，前两部分看看⽂档 ，会⽤就⾏， 不会的话就跟着敲。 在看全局CSS样式时 有⼏个属性 需要注意⼀下~~~~~~~~~·~
-----------------------------分割线------------------------------------------------------
介绍⼀下 class=“sr-only” 、aria-hidden=“true”、aria-label=“Left Align”、alert组件 分别什么意思
科密考勤
山妞1. 其中 class="sr-only" 意思为：
自然灾害英文
全称是 screen reader only，意为：仅供屏幕阅读器，这个 class 主要⽤于增强 accessbility（可访问性）。
有时候 UI 上会出现⼀些仅供眼睛能看到的元素，只有视⼒正常的⼈才能清楚辨识这些元素的作⽤。
芹菜炒鸡肉的做法
⽽残障⼈⼠，不知道这些视觉识别元素是什么。他们上⽹使⽤的是屏幕阅读器，也就是 screen reader（sr），所以有了这个sr，屏幕阅读器就能找到辨识的⽂本说明，然后读出来给⽤户听。
⼀句话总结：sr-only 就在于能让残障⼈⼠能获取 且不会影响 UI 的视觉呈现
2. aria-hidden="true" ⽐如图标
<span class="glyphicon glyphicon-arch" aria-hidden="true"></span>
⽤途： 失明的⼈使⽤识读设备（⾃动读取内容并⾃动播放出来），播放到此属性的内容时会⾃动跳过，以免残障⼈⼠混淆！
关于惜时的诗句
3. aria-label="Left Align"
如果组件不包含任何⽂本内容（例如， 内只包含了⼀个图标），应当添加 aria-label 属性来表⽰这个控件的意图，这样就能让使⽤残障⼈⼠的辅助设备知道这不是⽂本。
4. alert 组件:
组件所包含的图标是⽤来表⽰这是⼀条错误消息的，通过添加额外的 .sr-only ⽂本就可以让辅助设备知道这条提⽰所要表达的意思。
傻样
<div class="alert alert-danger" role="alert"></div>
————————————————
我们所知道的生活暂时先写到这吧，慢慢再补充哈哈，如果有什么建议的话也可以下⽅评论哦
