【问题标题】:Remove column padding in Bootstrap 4 [duplicate]删除 Bootstrap 4 中的列填充 [重复]
【发布时间】: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


【解决方案1】:

试试这个

<div class="col-6 p-0 p-md-3"></div>

【讨论】:

  • .no-gutters类的效果差不多