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
Su un piccolo progetto sto usando la navbar di Bootstrap 4 solo per visualizzare il logo e richiamare il colore di un sito affiliato.
Di default tutti gli esempi che troviamo nel sito mettono il logo a sinistra.
react-bootstrap-table2 è un componente per React, compatibile con Bootstrap, che aggiunnge tantissime funzionalità alle tabelle HTML.
Do per scontato l'installazione e l'utilizzo di base; qui vediamo come visualizzare un Button dentro ad una cella.
Come si può evincere dal nome React Bootstrap è il porting per React di Bootstrap.
Oggi vediamo come creare un Modal; do per scontato l'installazione, ecc.
In nuovo progetto ho deciso di usare React e Bootstrap 4 insieme.
Quanto meno per facilitarmi un pò il lavoro almeno per la parte CSS.
Vediamo cosa dobbiamo fare per integrare Bootstrap 4 in React; considerate che mi è stata installata la versione 4.3.1, quindi molto aggiornata.
C'è chi purtroppo non si accontenta mai di nulla, e deve rompere fino all'inverosimile.
E così mi è capitato di dover impostare delle dimensioni fisse ad una colonna della grdi di Bootstrap 4.
In sostanza, partendo da qui:
<div class="container-fluid">
<div class="row">
<div class="col-md-11"></div>
<div class="col-md-1 sx_striscia"></div>
</div>
</div>