首页 > 解决方案 > Bootstrap - 列之间的间距小于整数?

问题描述

可能是一个愚蠢的问题 - 有没有办法定义不是整数或可能在其他度量中的值?

我有这个代码:

'''<header class="text-center pb-3">
            <div class="row">
              <div class="col-md-3"> <img src="img/logo.gif" alt="logo" class="img-rounded shadow">
              </div>
              <div class="col-md-9 pr-4 pl-4">
                <div class="row">
                  <img src="img/spacer.gif" class="border-0" style="height: 13px; width: 0px;">
                </div>
                <div class="row">
                  <div class="col-md-0">
                      <img src="img/spacer.gif" class="border-0" style="height: 150px; width: 0px;">
                  </div>
                  <div class="col-md-12 shadow rounded" style="background-image: url('img/night_ride.jpg')">
                    <div class="row">
                      <img src="img/spacer.gif" class="border-0" style="height: 25px; width: 0px;">
                    </div>
                    <div class="row">
                      <div class="col-md-12">
                        <p class="font-italic mb-1 text-center text-white">text</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
             </div>
          </header>'''

在这里找到pr-4 pl-4了列之间的间距并且它可以工作 - 但是对于 4 来说它有点小间隙,对于 5 来说它的差距太大了,而对于低于 4 的值我几乎看不到任何效果。

有没有办法定义pr-4,5 pl-4,5或类似的东西?

标签: bootstrap-4spacing

解决方案


推荐阅读