Przejdź do głównej zawartości Przejdź do nawigacji w dokumentach
in English

Narzędzia do układu

Aby przyspieszyć rozwój przyjazny dla urządzeń mobilnych i responsywny, Bootstrap zawiera dziesiątki klas użytkowych do pokazywania, ukrywania, wyrównywania i rozmieszczania treści.

Wymiana pieniędzydisplay

Skorzystaj z naszych narzędzi do wyświetlania, aby szybko przełączać wspólne wartości displaynieruchomości. Połącz go z naszym systemem siatki, zawartością lub komponentami, aby pokazać lub ukryć je w określonych rzutniach.

Opcje Flexbox

Bootstrap jest zbudowany na flexboksie, ale nie każdy element displayzostał zmieniony, display: flexponieważ dodałoby to wiele niepotrzebnych nadpisań i nieoczekiwanie zmieniło kluczowe zachowanie przeglądarki. Większość naszych komponentów jest zbudowana z włączoną opcją flexbox.

Jeśli musisz dodać display: flexdo elementu, zrób to za pomocą .d-flexjednego z responsywnych wariantów (np .d-sm-flex. ). Będziesz potrzebować tej klasy lub displaywartości, aby umożliwić korzystanie z naszych dodatkowych narzędzi flexbox do wymiarowania, wyrównania, odstępów i innych.

Margines i dopełnienie

Użyj narzędzi margini padding odstępów , aby kontrolować rozmieszczenie i wielkość elementów i komponentów. Bootstrap zawiera sześciostopniową skalę do rozmieszczania narzędzi, opartą na 1remdomyślnej $spacerzmiennej wartości. Wybierz wartości dla wszystkich widocznych okien (np. w .me-3przypadku margin-right: 1remLTR) lub wybierz warianty responsywne, aby kierować je na określone widoczne okna (np. .me-md-3dla margin-right: 1rem—w LTR — zaczynając od mdpunktu przerwania).

Przełącznikvisibility

Gdy przełączanie displaynie jest potrzebne, możesz przełączyć visibilityelement za pomocą naszych narzędzi widoczności . Niewidoczne elementy nadal będą wpływać na układ strony, ale są wizualnie ukryte przed odwiedzającymi.