bootstrap初识

前端要用的插件什么的真的是太多了，这边echarts刚熟悉，老大又让去学bootstrap，个人表示蛮无语的。

bootstrap中有个“sr-only”属性，并不知道是干什么的，于是百度查了一下，记录一下，挺有意思的指令：

"sr-only"

全称是 screen reader only，意为：（仅供）屏幕阅读器，这个 class 主要用于增强 accessbility（可访问性）。 有时候 UI 上会出现一些仅供视觉识别的元素，比如说“汉堡包菜单按钮”，只有视力正常的人才能清楚辨识这些元素的作用。而残障人士，比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器，也就是 screen reader（sr），屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢？因此我们还要写上这些元素的文本说明，但是又不需要展示给普通用户看到，于是加上
sr-only 的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。