为什么我的 Boostrap-Card header 没有填满卡片的整个宽度？

Question

我是 Bootstrap 和 Django 的新手。我正在尝试设置卡片样式，但卡片 header（背景）没有填满卡片的整个宽度。这是一个例子：

代码如下：

<div class="container">
  <div class="grid">
    <div class="row">
      {% for list, content in content.items %}

  <div class="card col-md-6 shadow-lg">
    <a href="{{user_name}}/{{list}}">
      <div class="card-header bg-secondary text-white">{{list}}</div>
      <div class="card-body">
        <ul>
          {% for row in content %}
          <li>{{row}}</li>
              {% endfor %}
            </ul>
          </div>
        </a>
      </div>
      {% endfor %}
    </div>
  </div>
</div>

Answer 1

您需要去掉卡片的水平填充。 添加 px-0 class 到卡片 div 或 p-0.

此致。