Loading ...

Il modal di Bootstrap 4 crea un'area grigia, con classe CSS modal-backdrop, che dovrebbe aiutare l'utente indicandogli l'area in cui cliccare per uscire.

In un sito mi è stato chiesto di rimuovere l'area grigia.

Il modal di Bootstrap 4 è un componente a dir poco usato.

Solo che di default, l'effetto fade è solo dal top.

Io avevo bisogno di visualizzarlo dal lato; nel mio caso il destro, ma visualizzarlo dal lato sinistro richiede poche modifiche.

La navbar di Bootstrap ci arriva praticamente completa di tutto.

Anche dei sottomenu volendo; basta copiare gli esempi dalla documentazione.

In pratica ho la necssità di impostare che i div / la pagina sia sempre al 100% della finestra.

Voi direte, bastano queste regole CSS:

html, body, main {
    height:100%;
    min-height: 100%;
}

Guardando alla documentazione, la navbar di Bootstrap 4 ha già una classe CSS per allineare gli elementi.

A me non ha funzionato, non so perchè; però ho risolto in altra maniera.