时间戳

首页 > 解决方案 > 如何在引导卡中向下添加填充？

html - 如何在引导卡中向下添加填充？

问题描述

我想在引导卡的所有四个侧面添加填充，因此使用了属性style='padding:25px'，但填充仅应用于除向下之外的其他三个侧面，即行之间没有填充。我该如何解决？我正在使用 django 和 htm

<div class="row" style='padding:25px'>
      {% for player in players %}
         <div class="col-auto col-md-3">
            <div class="column">
               <div class="card" style="width: 18rem;">
                  <img class="card-img-top" width="20" height="300" src="{{ player.image_url }}">
                  <div class="card-body">
                     <h5 class="card-title">{{ player.name }}</h5>
                     <p class="card-text">{{ player.position }}</p>
                     <a href="#" class="btn btn-primary">Know More!</a>
                  </div>
               </div>
            </div>
         </div>
      {% endfor %}
   </div>

标签： htmldjango

解决方案

添加这个：

<div class="row" style='padding:25px'>
      {% for player in players %}
         <div class="col-auto col-md-3">
            <div class="column" style='padding:25px'>
               <div class="card" style="width: 18rem;">
                  <img class="card-img-top" width="20" height="300" src="{{ player.image_url }}">
                  <div class="card-body">
                     <h5 class="card-title">{{ player.name }}</h5>
                     <p class="card-text">{{ player.position }}</p>

推荐阅读