问chrome未采用列的最大宽度“col 9”
EN

Stack Overflow用户

提问于 2017-11-11 14:01:24

回答 1查看 201关注 0票数 1

chrome没有采用“of lg-3”和“of lg-9”的最大宽度，而是采用100%的宽度。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/>
<body>
<table class="col-12 form_one">
  <tr>
    <td class="col-lg-3 col-md-3 col-sm-3">
      <h4>Project Information</h4>
    </td>
    <td class="col-lg-9 col-sm-9 col-md-9">
      <h4>Project Text .....</h4>
    </td>
  <tr>
</table>
</body>

html

css

回答 1

Stack Overflow用户

发布于 2017-11-11 14:36:06

为什么要同时使用表格和网格系统？

我建议您要么使用表格(出于布局目的，永远不会推荐)，要么使用具有更多语义上合适的元素的网格系统，例如：

<section class="row">
  <div class="col-lg-3 col-md-3 col-sm-3">
    <h4>Project Information</h4>
  </div>
  <div class="col-lg-9 col-sm-9 col-md-9">
    <h4>Project Text .....</h4>
  </div>
</section>

还要注意，您是如何忘记将列包装在.row元素中的。

在Codepen上查看此内容

我希望它能有所帮助:)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47234910

复制

相似问题

问chrome未采用列的最大宽度“col 9”
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问chrome未采用列的最大宽度“col 9”EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问chrome未采用列的最大宽度“col 9”
EN