【发布时间】:2021-06-29 04:07:34
【问题描述】:
我有两列这样的:
<div class="row">
<div class="col-6">
hello
</div>
<div class="col-6">
hello
</div>
</div>
我希望 hello 在中 (md) 或更小的屏幕上彼此相邻。所以本质上,它应该看起来好像我没有使用任何列。
我将如何做到这一点?我已经尝试过 .no-gutters 类,但这只会删除一点填充。我还尝试将两列的填充和边距设置为零,但效果也很小。
【问题讨论】:
-
你想要达到什么样的效果?如果您不希望它们彼此相邻,您可以将您好放在同一列中。或者不为此使用引导类?
-
no-gutters删除所有列之间的间距。你有没有其他显示的演示/sn-p? -
不过,列上没有填充,当您在列上添加边框时,这一点很明显:codeply.com/p/KeqP48QVcx。当然,内容不会占用整个列的宽度。请澄清问题。
标签: html css twitter-bootstrap bootstrap-4