Преминете към основното съдържание Преминете към навигацията с документи
Check
in English

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

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

Промянаdisplay

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

Опции на Flexbox

Bootstrap е изграден с flexbox, но не всеки елемент displayе променен на display: flex, тъй като това би добавило много ненужни замени и неочаквано промени ключовите поведения на браузъра. Повечето от нашите компоненти са изградени с активиран flexbox.

Ако трябва да добавите display: flexкъм елемент, направете го с .d-flexили един от адаптивните варианти (напр. .d-sm-flex). Ще имате нужда от този клас или displayстойност, за да разрешите използването на нашите допълнителни помощни програми flexbox за оразмеряване, подравняване, разстояние и др.

Марж и подложка

Използвайте помощните програми marginи padding интервали , за да контролирате как елементите и компонентите са разположени и оразмерени. Bootstrap включва скала от шест нива за помощни програми за интервали, базирани на променлива 1remпо подразбиране на стойност. $spacerИзберете стойности за всички прозорци за изглед (напр. .me-3за margin-right: 1remв LTR) или изберете адаптивни варианти, за да насочите конкретни прозорци за изглед (напр. .me-md-3за margin-right: 1rem—в LTR— започвайки от точката на mdпрекъсване).

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

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