Помощни програми за оформление

За по-бързо, удобно за мобилни устройства и отзивчиво развитие, Bootstrap включва десетки помощни класове за показване, скриване, подравняване и разпределяне на съдържание.

Промянаdisplay

Използвайте нашите помощни програми за показване за бързо превключване на общите стойности на displayсвойството. Смесете го с нашата мрежова система, съдържание или компоненти, за да ги покажете или скриете в конкретни прозорци.

Опции на Flexbox

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прекъсване).

Превключванеvisibility

Когато превключването displayне е необходимо, можете да превключвате visibilityна елемент с нашите помощни програми за видимост . Невидимите елементи пак ще влияят на оформлението на страницата, но са визуално скрити от посетителите.