Utilità per u layout

Per un sviluppu più veloce è responsive mobile-friendly, Bootstrap include decine di classi di utilità per mostrà, nasconde, allineà è spaziate 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 4 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 4 include una scala di cinque livelli per l'utilità di spaziatura, basatu annantu à una variabile 1rempredeterminata di valore. $spacerSceglite i valori per tutti i viewports (per esempiu, .mr-3per margin-right: 1rem), o sceglite varianti responsive per destinà i viewports specifichi (per esempiu, .mr-md-3per margin-right: 1remcumincià à 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.