我目前面临如下情况:
<div class="row no-gutters">
<div class="col"></div>
<div class="col col-auto"></div>
</div>
因此,第一列将占用未被第二列填充的可用空间。 即: [ |--------column1--------| |column2| ]
我的问题是,当位于 column1 中的内容宽度大于包含行时发生了什么情况。发生的情况是,column1 不会缩小以适应同一行中的两列,column1 填充整个行,就好像它是 col-12,而 column2 则会下移至新行,从而包装了列。
有没有方法防止这种行为,并始终保持两个列在同一行中?
white-space:nowrap
是问题所在。这就是您要求的,也是您将要得到的。 - Paulie_D