Cosa dovrei usare - Bootstrap o media queries?

Media queries e Bootstrap sono due approcci diversi per rendere il vostro sito web reattivo in natura (Responsive web design). Bootstrap è un framework che aiuta a creare pagine web responsive, uno avrebbe solo bisogno di conoscere le basi del sistema di griglia Bootstrap (Bootstrap Grid System) e le classi Bootstrap per iniziare. Nessuna conoscenza delle media query è richiesta se si segue questo approccio. Poiché Bootstrap è un framework ben testato, le tue pagine dovrebbero funzionare senza problemi su tutti i browser. Bootstrap è davvero amichevole per gli sviluppatori e la sua curva di apprendimento non è impegnativa. Qualche ora è più che sufficiente per iniziare a costruire il vostro primo RWD (Responsive web design).

Un altro approccio per fare siti web reattivi è quello di scrivere le vostre media queries da zero e questo richiederebbe più tempo del primo approccio. Inoltre dovrete testare le pagine con tutti i browser per i problemi. Il vantaggio principale è che potete creare esattamente ciò di cui avete bisogno. Bootstrap ti dà un sacco di regole CSS di cui non avrai bisogno.

La scelta dipende davvero da quanto tempo hai per consegnare il progetto e dalle dimensioni del progetto. Personalmente preferisco Bootstrap, perché è così facile costruire pagine web molto velocemente una volta che si ha familiarità con Bootstrap e le sue classi.

Controlla la documentazione di Bootstrap per maggiori dettagli, Getting started - Bootstrap .