верхняя граница поля div

Question

Boostrap

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

Пожалуйста, сделайте верхнюю границу, насколько это возможно, я пробую еще несколько раз, но это не может исправить.класс бустрапа май мт-мд-3

Answer 1

Bootstrap дает встроенный класс для дизайна вашей сети.

Примеры

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

Для получения дополнительной информации

Answer 2

Как вы можете видеть из:

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

Похоже mb и ml относится к margin-bottom и margin-left

IЯ не эксперт по Bootstrap, но, возможно, вы могли бы попробовать что-то вроде mt-0

Что касается класса:

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

Следует установить верхнюю границу Margin на 0, иначе просто создайте свой собственный классс важным атрибутом

Редактировать:

Похоже, Bootstrap в какой-то момент устанавливает для некоторого Margin значение auto:

Кроме того, Bootstrap также включает класс .mx-autoдля горизонтального центрирования контента на уровне блоков фиксированной ширины, то есть контента с отображаемым блоком и шириной, путем установки горизонтальных полей на автоматический.

Надеюсь, это поможет