So I built a small example using Bootstrap to better understand how column classes and the Grid System work and something doesn’t add up.
As far as I understand, if I use a “xs” screen (a phone, for example) my column should cover 12 columns out of 12. Instead, it appears to be covering 6 columns. Since I’m using the “col-md-6” class, that should happen on wider screens only.
Basically, the “col-12” class appears to be ignored. Why does that happen?