Sidebar collapsible in Angular e Bootstrap
Oggi vediamo come creare una sidebar collapsible in Angular e Bootstrap.
Per prima cosa installiamo quest'ultimo nel nostro progetto:
$ cd my-proj
$ ng add @ng-bootstrap/ng-bootstrap
Oggi vediamo come creare una sidebar collapsible in Angular e Bootstrap.
Per prima cosa installiamo quest'ultimo nel nostro progetto:
$ cd my-proj
$ ng add @ng-bootstrap/ng-bootstrap
Sysadmin-util è un set di strumenti per Linux, facili da usare e da installare.
Ci basta eseguire questo comando per scaricarli tutti da GitHub:
$ git clone https://github.com/skx/sysadmin-util.git
$ cd sysadmin-util
E siamo pronti per usarli.
In pratica su alcune pagine ho la necessità di eseguire il collapse della navbar di Twitter Bootstrap quando si scrolla la pagina.
Quando un componente si espande, viene aggiunta la classe show, ed il componente viene visualizzato.
Quindi basta intercettare l'evento scroll e levare la classe CSS.
Twitter Bootstrap funziona molto bene, secondo me; lo uso con soddisfazione su praticamente tutti i dispositivi.
Però ha un piccolo problemino con l'iPad, nel collapse del menu.
Nel caso di varie voci (non troppe a dire il vero) il menu non esegue il collapse, e quindi il menu va a capo dando un brutto effetto visivo sulla pagina.