Bootstrap 辅助类

2020-06-18 06:00:28易采站长站整理


结果如下所示:

关闭图标

aria-hidden=”true” 主要是帮助残障人士(如失明)使用识读设备(自动读取内容并自动播放出来),播放到带此属性的内容时会自动跳过,以免残障人士混淆!

插入符

使用插入符表示下拉功能和方向。使用带有 class caret 元素得到该功能。

实例

 

插入符实例


结果如下所示:

插入符

快速浮动

您可以分别使用 class pull-leftpull-right 来把元素向左或向右浮动。下面的实例演示了这点。

实例

 

向左快速浮动 向右快速浮动


结果如下所示:

快速浮动

如需对齐导航栏中的组件,请使用 .navbar-left.navbar-right 代替。请查看

结果如下所示:

居中内容块

清除浮动

如需清除元素的浮动,请使用 .clearfix class。

实例

 

向左快速浮动 向右快速浮动


结果如下所示:

清除浮动

显示和隐藏内容

您可以通过使用 class .show.hidden 来强行设置元素显示或隐藏(包括屏幕阅读器)。

实例

 

这是 show class 的实例 这是 hide class 的实例


结果如下所示:

显示和隐藏内容

屏幕阅读器

您可以通过使用 class .sr-only 来把元素对所有设备隐藏,除了屏幕阅读器。

实例

 


结果如下所示:

屏幕阅读器

相关文章 大家在看