有没有办法在使用 Bootstrap 时仅在特定屏幕尺寸下将 CSS 类应用于 HTML 元素?
一种情况是应用 table-sm
至 <table>
当视口(viewport)小于 md 大小时。
目前我有两个单独的表格,一个隐藏,一个显示,具体取决于视口(viewport)大小。
最佳答案
表格大小 (table-sm
),特别是没有响应。但是,还有许多其他 Bootstrap 类可以使用媒体查询在特定屏幕宽度(“断点”)下响应式地工作。
有responsive table classes控制水平表格滚动,但这不会影响表格单元格内的大小或间距。
一个简单的解决方法是通过媒体查询将正常的表格大小应用于特定屏幕宽度以上的 .table-sm
类。
@media (min-width:992px) {
.table-sm td, .table-sm th {
padding: .75rem;
}
}
关于css - 将 Bootstrap 类应用于特定屏幕尺寸的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48407398/