如何在不使用引导程序中的 css 的情况下向 div 添加填充？

Question

我正在尝试在不使用 css 的情况下直接向 div class="col-md-4" 添加填充底部。有可能吗？

我试过这段代码

<div class="col-md-4 padding-bottom:15px">

还有

<div class="col-md-4" "padding-bottom:15px">

完整内容代码为

    <div class="gal">
      <div class="container">
        <div class="col-md-12 no-padding">
          <div class="row">
            <div class="grid clearfix">
              @foreach($albums as $album)
            <div class="col-md-4">
              <figure class="effect-julia"> <img src="{{$album->gallery->imageUrl(null,300,239)}}" alt="czcsdcsd -{{$album->name}}"/>
                <figcaption>
                  <h2>{{$album->name}}</h2>
                  <div>
                    <p>View More</p>
                  </div>
                  <a href="{{url('gallery/'.$album->slug)}}" title="gsggss {{$album->name}}">View more</a> </figcaption>
              </figure>
            </div>
    @endforeach
          </div>
          </div>
        </div>
      </div>
    </div>

它不会改变任何东西。请帮助

Answer 1

此外，您可以使用 bs4 类，例如 pb-number 来设置 padding-bottom，或使用 pt-number 来设置 padding-top，其中 number 是从 0 到 5（或 auto）的数字，即相当于rem 中的值，从 .25rem 到 3rem。

在您的情况下，您可以使用 class="pb-1" 例如。

你可以在bootstrap4的官方documentation了解更多：

Answer 2

<div class="col-md-4" style="padding-bottom:15px"></div>

使用属性style就行了，但我不得不说直接在HTML中使用CSS并不是最好的方式……