css 引导div边距顶部

x759pob2 于 2023-02-06 发布在其他

关注(0)|答案(2)|浏览(147)

我需要在div的class属性中有一个margin top。我该怎么做？

<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>

css

来源：https://stackoverflow.com/questions/54382655/bootstrap-div-margin-top

2条答案

按热度按时间

kmb7vmvb1#

如您所见：
https://getbootstrap.com/docs/4.0/utilities/spacing/
看起来mb和ml引用了margin-bottom和margin-left
我不是BootstrapMaven，但也许您可以尝试使用mt-0之类的代码
至于班级：

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

应该将Margin top设置为0，否则就用important属性创建自己的类
编辑：
看起来Bootstrap在某个点将某些边距设置为自动：
此外，Bootstrap还包含一个. mx-auto类，用于水平居中固定宽度的块级别内容（即具有以下显示内容的内容：块和宽度设置-通过将水平边距设置为自动。
希望这能帮上忙

赞(0）回复(0）举报 2023-02-06

sc4hvdpw2#

Bootstrap为设计您的Web给予内置类。
示例

.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

赞(0）回复(0）举报 2023-02-06

我来回答

css 引导div边距顶部

2条答案

相关问题

热门标签

最新问答