【问题标题】:min-width in Bootstrap for different screen sizesBootstrap 中针对不同屏幕尺寸的最小宽度
【发布时间】:2015-05-28 14:59:03
【问题描述】:

我的 Bootstrap 布局中有一个表格 - 它主要在桌面上查看,所以我想给表格一个 1000 像素的最小宽度。

但我注意到该页面也可以在平板电脑或移动设备上查看。所以在那些设备上,我只想让表格占据浏览器认为适当的数量(即没有任何最小宽度)。

这可能吗?我正在查看 http://getbootstrap.com/css/#grid-media-queries 的媒体查询部分,但这对我来说没有多大意义。

    .table-custom {
    min-width: 1000px;
    width: 100%;
    ...

谢谢

【问题讨论】:

  • 只需删除 min-width 属性,这会使您的表格始终至少为 1000 像素。

标签: css twitter-bootstrap


【解决方案1】:

如果你想使用 twitter bootstrap,那么作为示例对你来说很容易

<table class="table-custom col-lg-8 col-md-6 col-sm-4 col-xs-3"></table>

它会根据设备调整其大小

【讨论】:

  • OP 想要桌面上最小宽度为 1000 的表格
  • 那么在 bootstrap col 类之后也可以设置 min-width
  • 另外他把 width 100% , col-lg-8 怎么给 100% width?
  • 我只是举个例子..divide page like getbootstrap.com/css/#grid-media-queries 然后设置引导类
  • 给出一个完整的工作示例,用css设置最小宽度,col-12设置100%宽度
猜你喜欢
  • 1970-01-01
  • 2019-04-30
  • 2015-10-12
  • 2018-09-21
  • 2020-03-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-09-01
相关资源
最近更新 更多