css - 在 Bootstrap 中,有没有一种方法可以让 html 表格的单元格/行数减少,但更多用于桌面浏览器?

标签 css twitter-bootstrap responsive-design

bootstrap 的 css 中是否有一种方法可以显示某些设备的某种程度的详细信息,以及其他设备的更多信息。

我的例子是groupon。如果你在你的 iphone 上访问 groupon,你可以看到一个又一个报价的单列,但是在你的桌面上访问该网站,你会看到相同报价的不同版本,但它们位于 4x1 框而不是 1x1 可滚动列表中。

整个页面看起来都不一样了。这一定意味着某些元素检测到它们正在小型设备上呈现,因此不显示,我在正确的路线上吗?

我是 Bootstrap 的新手!

最佳答案

您可以在某些 td 元素上使用 bootstrap hidden-sm 字段,使它们在某些屏幕尺寸上消失。 还值得看看响应式表格类,以制作可滚动的 div 以适应更宽的表格

关于css - 在 Bootstrap 中,有没有一种方法可以让 html 表格的单元格/行数减少,但更多用于桌面浏览器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28226920/

相关文章:

css - Sailsjs 在 EJS 模板中没有 CSS

jquery - 检查 div 是否有样式高度。如果是,请不要调整高度

html - 在窄屏幕上通过 "display: none"隐藏元素是否会影响可访问性 - 如果会影响如何修复?

css - 一个选择器有两个过滤器

twitter-bootstrap - Bootstrap 。如何仅为移动屏幕添加底部边距?

css - Bootstrap 轮播控件进入其他 Div

html - 如何将一个div放置到它的父div的高度

css - 如何确保没有内容的div能够获得父div的高度?

HTML/CSS 响应式笔记本电脑和台式机

html - 元名称 ="viewport"内容 ="width=device-width"不适用于 Kendo UI Mobile