bootstrap visible
时间: 2023-09-21 22:11:47 浏览: 132
引用提供了关于 Bootstrap 的可见性工具类的说明。Bootstrap 的可见性工具类可以设置 HTML 元素的 visibility(可见性)。这些工具类并不修改 display 的值,也不会对布局产生影响,设置了 .invisible 的 HTML 元素仍然占据页面空间。页面内容在视觉上以及对使用辅助技术/屏幕阅读器的用户来说都是隐藏的。因此,通过使用 Bootstrap 的可见性工具类,可以控制元素的可见性而不影响布局。
引用提供了一些使用可见性工具类的示例代码。通过添加 .visible 类或 .invisible 类到 HTML 元素的 class 属性中,可以分别使元素可见或隐藏。可使用 .visible 类来设置元素的 visibility 为 visible,使用 .invisible 类来设置元素的 visibility 为 hidden。
引用提供了进一步学习 Bootstrap 可见性工具类的文档链接。可以在该链接中找到更多关于 Bootstrap 的可见性工具类的详细信息和用法示例。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Bootstrap系列之可见性(Visibility)](https://blog.csdn.net/weixin_62277266/article/details/125117404)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [BootStrap4工具类之可见性](https://blog.csdn.net/qq_32617703/article/details/103366052)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文