Bootstrap 4-宽文本使列堆栈

时间:2018-11-28 18:39:31

标签: html css bootstrap-4

我有3列:col-auto(左),col(中),col-auto(右)

col-auto是摩天大楼广告(600x160),col是带有文字的卡片。有时里面的文本很宽,但是然后我的左列在卡的上方,而右列在卡的下方。

如果其中的文本不宽,我可以缩小它们并使其完美(由于d-none d-md-block而保持原位并消失)

是的,我的溢出设置为auto并且可以工作,但是为什么我的列不应该堆叠呢?是不是“ col”设置为不可堆叠?

无论卡片中的文字有多宽,它们都应该彼此相邻。

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

我认为您的问题是在广泛的内容中使用了“ col-auto”。常规的“ col”不会堆叠,但是“ col-auto”会尝试适应内容,并在必要时使用行的整个宽度。