Помощни програми за оформление
За по-бързо, удобно за мобилни устройства и отзивчиво развитие, Bootstrap включва десетки помощни класове за показване, скриване, подравняване и разпределяне на съдържание.
Използвайте нашите помощни програми за показване за бързо превключване на общите стойности на display
свойството. Смесете го с нашата мрежова система, съдържание или компоненти, за да ги покажете или скриете в конкретни прозорци.
Bootstrap 4 е изграден с flexbox, но не всеки елемент display
е променен на display: flex
, тъй като това би добавило много ненужни замени и неочаквано промени ключовите поведения на браузъра. Повечето от нашите компоненти са изградени с активиран flexbox.
Ако трябва да добавите display: flex
към елемент, направете го с .d-flex
или един от адаптивните варианти (напр. .d-sm-flex
). Ще имате нужда от този клас или display
стойност, за да разрешите използването на нашите допълнителни помощни програми flexbox за оразмеряване, подравняване, разстояние и др.
Използвайте помощните програми margin
и padding
интервали , за да контролирате как елементите и компонентите са разположени и оразмерени. Bootstrap 4 включва скала от пет нива за помощни програми за интервали, базирани на променлива 1rem
по подразбиране на стойност. $spacer
Изберете стойности за всички прозорци за изглед (напр. .mr-3
за margin-right: 1rem
) или изберете адаптивни варианти, за да насочите конкретни прозорци за изглед (напр. .mr-md-3
за margin-right: 1rem
започване от точката на md
прекъсване).
Когато превключването display
не е необходимо, можете да превключвате visibility
на елемент с нашите помощни програми за видимост . Невидимите елементи пак ще влияят на оформлението на страницата, но са визуално скрити от посетителите.