CSS: controllare la griglia di Bootstrap con le Media Queries

Possiamo avere un maggiore controllo sulla griglia creata da Bootstrap utilizzando le Media Queries CSS.

Supponiamo di voler trasformare una griglia a tre colonne in una griglia a due colonne mantenendone l'allineamento, ossia impedendo che Bootstrap linearizzi il layout:

@media screen and (max-width: 768px) {
	#grid .col-md-4 {
		width: 50%;
		float: left;
	}
}

Come si può notare si tratta solo di sovrascrivere gli stili di Bootstrap utilizzando le Media Queries. Da tenere sempre presente è la specificità dei nostri selettori.