为什么我的Bootstrap 5.3页面中没有填充?

yacmzcpb  于 9个月前  发布在  Bootstrap
关注(0)|答案(1)|浏览(164)

为什么pe-5不工作?

<head>
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>

<body>
  <header class="bg-info">
    <div class="row text-white">
      <div class="col-md-6 p-4 pe-5 ">
        <h2 class="">Adhnan M Y</h2>
      </div>
      <div class="col-md-6">
      </div>
    </div>
  </header>
</body>

字符串

y3bcpkx1

y3bcpkx11#

您的行周围的元素上没有所需的.container.container-fluid类,因此行的间距会导致水平页面溢出。这可能会给给予您的填充不存在或小于预期的印象。
我已经在标题中添加了一个容器类和背景颜色来证明它是这样做的。
https://getbootstrap.com/docs/5.3/layout/grid/#example

h2 {
  background: pink;
}

个字符

相关问题