📜  Bootstrap-帮助程序类

📅  最后修改于: 2020-10-27 06:05:14             🧑  作者: Mango


 

本章讨论了可能会派上用场的Bootstrap中的一些帮助程序类。

关闭图示

使用通用关闭图标可消除模式和警报之类的内容。使用关闭类来获取关闭图标。

Close Icon Example

ets

使用尖号指示下拉功能和方向。要获得此功能,请使用带有元素的类插入符号

Caret Example

快速浮动

您可以分别使用class pull-leftpull-right元素浮动到左侧或右侧,以下示例对此进行了演示。

Quick Float to left
Quick Float to right

要将导航栏中的组件与实用程序类对齐,请改用.navbar-left.navbar-right 。有关详细信息,请参见导航栏

中心内容块

使用class center-block将元素设置为居中。

This is an example for center-block

Clearfix

要清除任何元素的浮点数,请使用.clearfix类。

Quick Float to left
Quick Float to right

显示和隐藏内容

您可以强制要显示或隐藏(包括屏幕阅读器)配合使用的类.show元素和.hidden。

This is an example for show class

屏幕阅读器内容

您可以将.sr-only类的元素隐藏到屏幕阅读器以外的所有设备上。

在这里,我们可以看到两种输入类型的标签都分配了sr-only类,因此标签仅对屏幕阅读器可见。