小编joa*_*tos的帖子

在Bootstrap 4中禁用列换行

我目前面临以下情况:

<div class="row no-gutters">
    <div class="col"></div>
    <div class="col col-auto"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

因此,第一列将占用第二列未填充的可用空间

即[| -------- column1 -------- | | column2 | ]

我的问题是里面的内容column1的宽度大于包含行的宽度。发生的是,不是column1缩小以仍然使两列都适合同一行行,而是column1像填满整个行一样填充整个行col-12column2下降到新行,从而包装了列。

有没有办法防止这种行为,并始终将两列保持在同一行?

css html5 flexbox twitter-bootstrap bootstrap-4

2
推荐指数
1
解决办法
1542
查看次数

标签 统计

bootstrap-4 ×1

css ×1

flexbox ×1

html5 ×1

twitter-bootstrap ×1