时间戳

首页 > 解决方案 > 删除容器内的边距

css - 删除容器内的边距

问题描述

有没有办法删除容器内的边距（也许我使用了不正确的术语）？如果您运行代码片段，您会看到容器左侧和文本之间有一段距离。有什么办法可以去掉？

.container{
  border:1px solid black;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<div class="container">
  <h2>Hello</h2>
</div>

标签： cssbootstrap-4

解决方案

您忘记添加.row处理边距的 。

.container{
  border:1px solid black;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<div class="container">
  <div class="row">
    <h2>Hello</h2>
  </div>
</div>

推荐阅读