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 display
nieruchomoś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 display
został zmieniony, display: flex
ponieważ 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: flex
do elementu, zrób to za pomocą .d-flex
jednego z responsywnych wariantów (np .d-sm-flex
. ). Będziesz potrzebować tej klasy lub display
wartoś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 margin
i 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 1rem
domyślnej $spacer
zmiennej wartości. Wybierz wartości dla wszystkich widocznych okien (np. w .me-3
przypadku margin-right: 1rem
LTR) lub wybierz warianty responsywne, aby kierować je na określone widoczne okna (np. .me-md-3
dla margin-right: 1rem
—w LTR — zaczynając od md
punktu przerwania).
Przełącznikvisibility
Gdy przełączanie display
nie jest potrzebne, możesz przełączyć visibility
element 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.