bootstrap中的sr-only

最近在看bootstrap4,经常会有sr-only这个类

sr是screen reader的缩写,这个表示是为视力有障碍的人士准备的类.

在前端开发中,有些时候设计图上面会出现仅供正常视觉用户看的元素。比如:导航栏菜单当前页面选中高亮状态,这些状态只有视力正常的人才能正常使用。

而残障人士,弱势或盲人是很难或者根本看不出导航菜单高亮的。他们上网可能借助的是屏幕阅读器,也就是 screen reader(sr),屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。

Font Awesome

最近晚上再帮一家start up 写 lander,以前习惯了直接使用bootstrap 以及他上面的Glyphicons  icon,很方便就可以使用的。

但是现在写的这个lander 没有使用bootstrap,所以想使用 Glyphicons 的icon 就会比较麻烦。两个办法,一是接从 bootstrap 的cdn 中 截出icon 的那部分,抑或使用其他的 icon library。 第一个办法 maxcdn 提供了直接 cdn 文件,不过版本比较老,仍然可用:

更多

利用 bootstrap 写出五个等宽度的列

最近时间稍微多了一点,再写一个gallery 的程序,使用bootstrap 这个前端 framework

经过测算,每行五列是最好的。

熟悉bootstrap 的同学应该知道,bootstrap 使用的是12 grids 的方式来布局,也就是说很容易使用bootstrap 来编写 1,2,3,4,6,12列,5不能被12整除,所以想要用bootstrap 来写出5列,比较麻烦。网上大部分的办法都是各种hack,即复杂,又容易出错。

更多