Utilità per u layout
Per un sviluppu più veloce è responsive mobile-friendly, Bootstrap include decine di classi di utilità per mostrà, nasconde, allineà è spazià u cuntenutu.
Cambiendudisplay
Aduprate e nostre utilità di visualizazione per cambià in modu responsive i valori cumuni di a displaypruprietà. Imbulighjate cù u nostru sistema di griglia, cuntenutu, o cumpunenti per mostrà o ammuccià à traversu viste specifiche.
Opzioni Flexbox
Bootstrap hè custruitu cù flexbox, ma micca tutti l'elementu displaysò stati cambiati in display: flexquantu questu aghjunghje parechje overrides innecessarii è cambiassi inaspettatamente i cumpurtamenti chjave di u navigatore. A maiò parte di i nostri cumpunenti sò custruiti cù flexbox attivatu.
Se avete bisognu di aghjunghje display: flexà un elementu, fate cusì cun .d-flexo una di e varianti rispunsevuli (per esempiu, .d-sm-flex). Averete bisognu di sta classa o displayvalore per permette l'usu di e nostre utilità extra flexbox per dimensionamentu, allineamentu, spaziatura è più.
Margine è padding
Aduprate margine padding utilità di spaziatura per cuntrullà cumu l'elementi è i cumpunenti sò spaziati è dimensionati. Bootstrap include una scala di sei livelli per l'utilità di spaziatura, basatu annantu à una variabile di 1remvalore predeterminata . $spacerSceglite i valori per tutti i viewports (per esempiu, .me-3per margin-right: 1remin LTR), o sceglite varianti responsive per destinà i viewports specifichi (per esempiu, .me-md-3per margin-right: 1rem-in LTR- partendu da u mdbreakpoint).
Togglevisibility
Quandu u toggling displayùn hè micca necessariu, pudete scambià l' visibilityelementu cù e nostre utilità di visibilità . L'elementi invisibili anu sempre affettatu u layout di a pagina, ma sò visualmente oculati da i visitori.