我目前面临以下情况:
<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-12并column2下降到新行,从而包装了列。
有没有办法防止这种行为,并始终将两列保持在同一行?