Oltre alla possibilità di visualizzare o nascondere un elemento a seconda del fatto di passarci sopra con il mouse e/o di utilizzare un dispositivo touch, nella realizzazione e gestione di un sito responsivo la cosa veramente importante è, ovviamente, la possibilità di visualizzare o meno determinati contenuti a seconda delle dimensioni del viewport e quindi a seconda della particolare tipologia di dispositivo utilizzata.

All’interno della tabella di seguito riportata sono indicate le classi utilizzate da uikit per gestire questo tipo di visibilità e il risultato che si otterrà, sulle diverse tipologie di dispositivi, applicando queste stesse classi ad un qualsiasi elemento presente all’interno della pagina web.

Supponendo dunque di voler visualizzare un dato elemento soltanto su schermi di grandi dimensioni ma non sui tablet o sugli smartphone dovremo assegnarli la classe .uk-visible-large. Se invece lo stesso elemento dovrà essere nascosto solo sugli smartphone dovremo allora utilizzare la classe .uk-hidden-small

ATTENZIONE! Per nascondere un dato elemento viene applicata la proprietà “display: none” il che significa che l'elemento verrà nascosto e non verrà considerato neppure il suo ingombro all'interno della pagina.

Le dimensioni del viewport corrispondenti agli schermi Piccoli (smartphone) Medi (Tablet) e Large (Desktop) possono essere personalizzate agendo, come al solito, direttamente all’interno del file uikit.css oppure a priori mediante l’apposito Customizer