Question

引导程序

<div class="mb-md-3  ml-md-3   col-lg-8" >
          <!-- <div class="mb-md-3  ml-md-3   col-lg-8" > -->
                <a href="<?php echo base_url();?>admin/admin/add_hospital">
                  <button class="btn btn-success" onclick="add_hospital()">
                    <i class="fas fa-plus"></i> Add Hospital
                  </button>
                </a>
 </div>

请尽可能增加边际收益，我尝试通过其他方式尝试更多次，但无法解决。 boostrap类可能 mt-md-3

Answer 1

如您所见：

https://getbootstrap.com/docs/4.0/utilities/spacing/

看起来mb和ml引用了margin-bottom和margin-left

我不是Bootstrap专家，但也许您可以尝试使用类似mt-0

的方法

关于班级：

.mt-0 {
     margin-top: 0 !important;
}

应将Margin top设置为0，否则只需使用重要属性创建自己的类

编辑：

看起来Bootstrap会在某些时候将裕度设置为自动：

此外，Bootstrap还包括一个.mx-auto类，用于通过将水平边距设置为auto来使居中固定宽度的块级内容（即具有display：block和width设置的内容）水平居中。

希望这会有所帮助

Answer 2

引导程序提供了内置类来设计您的网站。

示例

.mt-0 {
  margin-top: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem!important;
}

用法

 <div class="mx-auto" style="width: 200px;">
      Centered element
 </div>

负利润

.mt-n1 {
  margin-top: -0.25rem !important;
}

用法

<div class="row mx-md-n5">
  <div class="col py-3 px-md-5 border bg-light">Custom column padding</div>
  <div class="col py-3 px-md-5 border bg-light">Custom column padding</div>
</div>

For More Reference

boostrap div保证金顶部

2 个答案: