L'altro giorno stavo lavorando su una mia app in Swift, e avevo bisogno di convertire in colore preso da un sito web, nel classico formato che si usa nei CSS, in UIColor.
Girando ho trovato uicolor.xyz, che ci permette proprio di fare queste conversioni.
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>
Per un progetto ho usato il modal di Bootstrap 4 come loading page.
Ovviamente avevo la necessità di visualizzarlo full screen.
Vi posto il codice HTML e CSS che ho usato.
La documentazione di Bootstrap è ottima, tranne in alcuni punti.
Uno di questi è il vertical align; anche se ci sono delle classi preposte, non sono di facile lettura.
Oggi vi propongo un mio esempio che sto usando in produzione; ovviamente possono esserci altri modi.
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.
Blog dedicato all'informatica e alla programmazione!
Tutti i contenuti di questo blog, tranne casi particolari, sono sotto licenza
Creative Commons Attribution-Noncommercial-Share Alike 2.5.
.