需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。
| |
超小屏幕
手机 (<768px) |
小屏幕
平板 (≥768px) |
中等屏幕
桌面 (≥992px) |
大屏幕
桌面 (≥1200px) |
| .visible-xs-* |
可见 |
隐藏 |
隐藏 |
隐藏 |
| .visible-sm-* |
隐藏 |
可见 |
隐藏 |
隐藏 |
| .visible-md-* |
隐藏 |
隐藏 |
可见 |
隐藏 |
| .visible-lg-* |
隐藏 |
隐藏 |
隐藏 |
可见 |
| .hidden-xs |
隐藏 |
可见 |
可见 |
可见 |
| .hidden-sm |
可见 |
隐藏 |
可见 |
可见 |
| .hidden-md |
可见 |
可见 |
隐藏 |
可见 |
| .hidden-lg |
可见 |
可见 |
可见 |
隐藏 |
从 v3.2.0 版本起，形如 .visible-*-* 的类针对每种屏幕大小都有了三种变体，每个针对 CSS 中不同的 display 属性，列表如下：
| 类组 |
CSS display |
| .visible-*-block |
display: block; |
| .visible-*-inline |
display: inline; |
| .visible-*-inline-block |
display: inline-block; |
因此，以超小屏幕（xs）为例，可用的 .visible-*-* 类是：.visible-xs-block、.visible-xs-inline 和 .visible-xs-inline-block。
.visible-xs、.visible-sm、.visible-md 和 .visible-lg 类也同时存在。但是从 v3.2.0 版本开始不再建议使用。除了
相关的元素的特殊情况外，它们与 .visible-*-block 大体相同。
推荐阅读
-
本文介绍了.hbs文件作为Ember.js项目中的视图层，类似于HTML文件的功能，并详细讲解了如何在Ember.js应用中集成Bootstrap框架及其相关组件的方法。 ...
[详细]
蜡笔小新 2024-11-21 18:50:46
-
在创建带有左侧图标的按钮时，遇到了文本与图标对齐的问题。本文提供了几种使用Bootstrap 4解决此问题的方法。 ...
[详细]
蜡笔小新 2024-11-25 19:20:18
-
-
本文详细介绍了如何利用 Bootstrap Table 实现数据展示与操作，包括数据加载、表格配置及前后端交互等关键步骤。 ...
[详细]
蜡笔小新 2024-11-20 17:21:26
-
本文深入探讨了Bootstrap Paginator这款流行的JavaScript分页插件，提供了详细的使用指南和示例代码，旨在帮助开发者更好地理解和利用该工具进行高效的数据展示。 ...
[详细]
蜡笔小新 2024-11-20 13:39:53
-
Bootstrap 的轮播图（Carousel）组件提供了一种简单而灵活的方法，用于在网站上实现响应式幻灯片效果。此组件不仅支持图片展示，还兼容嵌入式框架、视频等多媒体内容。 ...
[详细]
蜡笔小新 2024-11-20 11:50:55
-
本文描述了在使用Bootstrap时遇到的一个常见问题：页面显示为空白。通过详细分析和解决方法，帮助开发者快速定位并解决问题。 ...
[详细]
蜡笔小新 2024-11-17 04:32:42
-
webpack的bootstrapsass如何正确使用 ...
[详细]
蜡笔小新 2024-11-16 12:16:53
-
本文详细介绍了如何在 Web 前端开发中使用 Bootstrap 插件，包括自动触发插件的方法、插件的引用方式以及具体的实例。 ...
[详细]
蜡笔小新 2024-11-15 12:24:25
-
本题探讨了如何判断一个字符串是否为普通回文、镜像回文或两者都不是。通过特定的字符映射表来实现字符串的镜像转换，并根据转换后的结果进行分类。 ...
[详细]
蜡笔小新 2024-11-27 13:54:55
-
抽象工厂模式包含如下角色：AbstractFactory：抽象工厂ConcreteFactory：具体工厂AbstractProduct：抽象产品Product：具体产品https ...
[详细]
蜡笔小新 2024-11-27 13:21:30
-
本文通过一个具体的例子，展示如何利用枚举思想来解决特定的算术表达式构建问题，即通过插入不同的运算符（加、减、乘、除）使给定数字序列满足特定条件。 ...
[详细]
蜡笔小新 2024-11-27 12:19:36
-
本系列文章旨在通过一系列实践案例，详细介绍如何利用代码生成器提高开发效率。本文将引导您完成从下载安装到实际应用的全过程。 ...
[详细]
蜡笔小新 2024-11-27 12:05:48
-
本文详细介绍了HTML中的全局属性，包括class、data-*、draggable等，这些属性几乎可以在所有HTML元素中使用，以增强元素的功能性和可操作性。 ...
[详细]
蜡笔小新 2024-11-27 11:54:08
-
本文探讨了SQLAlchemy ORM框架中如何利用外键和关系（relationship）来建立表间联系，简化复杂的查询操作。通过示例代码详细解释了relationship的定义、使用方法及其与外键的相互作用。 ...
[详细]
蜡笔小新 2024-11-27 11:20:01
-
本文介绍如何在ASP.NET MVC项目中利用DataGrid组件增强搜索功能，具体包括使用jQuery UI的DatePicker插件添加时间筛选条件，并通过枚举数据填充下拉列表。 ...
[详细]
蜡笔小新 2024-11-27 11:02:33
-
京公网安备 11010802041100号