Zamiana kodu w zależności od rozdzielczości

Dzień Dobry.
Proszę o pomoc w następującym problemie.
Dla komputerów mam kod postaci:

				<div class="col-md-7">
					Treść lewej kolumny					
				</div>
				<div class="col-md-4 ">
					Treść prawej kolumny				
				</div>

Chciałbym uzyskać efekt na urządzeniach mobilnych odwrócenia kodu tj.:

				<div class="col-md-4 ">
					Treść prawej kolumny				
				</div>
				<div class="col-md-7 ">
					Treść lewej kolumny					
				</div>

Z góry dziękuje za pomoc.

Szukaj w googlu media query breakpoints. Sam nie używałem bezpośrednio. Używałem tylko gotowych szablonów/frameworków używających tego

No i tu się właśnie objawia choroba bootstrapowego podejścia do stylowania elementów, który korzystając z CSS-a, gwałci zasadniczą ideę CSS-a - rozdzielenie warstwy treści i warstwy opisu.

Używasz mediaquery:
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp