相关疑难解决方法(0)

Bootstrap网格系统中列的最小宽度

我使用Bootstrap CSS跟随HTML.

<div class="row">
  <div class="col-sm-4" style="min-width: 66px;">Name</div>
  <div class="col-sm-1" style="min-width: 120px;">Instance name</div>
  <div class="col-sm-7" style="min-width: 87px;">Due date</div>
</div>
Run Code Online (Sandbox Code Playgroud)

没有'min-width',在某些情况下,第二列的宽度小于120px,并且"实例名称"不完全可见.所以我添加了'min-width',在这种情况下,行的宽度变得超过100%.最后一列被包装成新行.

我希望有自举动态列宽,并且当我减少浏览器窗口大小时,实例名称不会消失.我怎样才能实现这种行为?

css grid-layout responsive-design twitter-bootstrap

20
推荐指数
3
解决办法
4万
查看次数