【问题标题】:how to make grid to be 100% after re sizing a browser window?调整浏览器窗口大小后如何使网格为 100%?
【发布时间】:2016-02-06 20:26:08
【问题描述】:

我里面有 2 个 div 元素,但其中一个是 col-md-2 类,另一个是 col-md-10 类。sample view

如图所示,包含超链接(数据库编辑、发票、预览)的 div 未获得 100% 的宽度。浏览器调整大小后如何使其获得100%的宽度?

【问题讨论】:

  • 尝试添加col-xs-12
  • Database edit, invoice, preview ) is not acquiring 100% -> col-md-2?请提供一些代码。答案可以是任何东西
  • @RahulChandrasekharan 谢谢这解决了我的问题,但你应该在回答部分回答,以便我可以勾选

标签: html css twitter-bootstrap


【解决方案1】:

使用class="col-xs-12 col-sm-12 col-md-2" 更改您的 div 的类。它应该有效!

【讨论】:

    【解决方案2】:

    只需添加一个基本的 CSS 媒体查询来扩展宽度

    @media screen and (max-width: 500px) {
       .col-md-2 {width:100%;}
    }
    

    根据您的具体需求进行调整

    【讨论】:

      猜你喜欢
      • 2012-02-23
      • 2015-04-20
      • 2023-04-07
      • 1970-01-01
      • 1970-01-01
      • 2012-05-23
      • 1970-01-01
      • 2015-06-18
      • 2017-12-05
      相关资源
      最近更新 更多