更改侧面和卡片之间的边距大小

Question

晚上好！我使用引导程序连续创建了3张卡片，但是我无法更改边距和创建更宽的卡片。希望图像能显示我的意思：）

{% for post in object_list %}
{% if post.status == 1 %}
{% if forloop.counter0|divisibleby:3 %} <div class="row"> {%  endif %}
  <div class="col-md-4">
      <div class="card article">
          <a href="{{ post.get_absolute_url }}"><img class="responsive opacity" src="{{ post.img.url }}" alt=""></a>
          <div class="card-content">
            <p class="author">{{ post.created_on|date:"d.m.y" }} / {{post.field}}</p>
              <h2 class="article-title"><a class="link-article" href="{{ post.get_absolute_url }}">{{ post.title }}</a></h2>
              <div class="content">
                {{ post.content|safe|truncatewords:45 }}
              </div>
              <div class="button-wrapper"><a href="{{ post.get_absolute_url }}"><button class="button button1" >Czytaj dalej</button></a></div>
              <br>
          </div>
      </div>
  </div>
{%  if forloop.counter|divisibleby:3 or forloop.last %}</div> <br>{%  endif %}
{%  endif %}
{%  endfor %}

图片1：https://i.stack.imgur.com/xXcEZ.jpg

Answer 1

在循环之前添加父元素

width: 90%（或您想要的任何内容）

和

margin: 0 auto;

我不使用引导程序，因此不确定它们是否具有这样的容器。如果他们这样做，请使用它。