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

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

只使用属性style，但是我不得不说直接在HTML中使用CSS并不是最好的方法...

Answer 2

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

例如，您可以使用class="pb-1"。

您可以在bootstrap4的官方documentation中找到更多信息：

如何在Bootstrap中不使用CSS的情况下向div中添加填充？

2 个答案: