Miva Merchant Development by Scot's Scripts

BOOTSTRAP 5: Three Columns, Middle on Top for Mobile

Miva Knowledge Base
BOOTSTRAP 5: Three Columns, Middle on Top for Mobile
Important Notice: This information is for internal reference only. Use at your own risk.
Does Google actually understand your Miva Merchant store? Our JSON-LD schema generator makes sure it does. Contact us to get started. (more info)

BOOTSTRAP 5: Three Columns, Middle on Top for Mobile

Scot Ranney • January 22, 2025 

<div class="container">
	<div class="row">
		<!-- Middle Column -->
		<div class="col-12 col-md-4 order-1 order-md-2 column">Middle Column</div>
		
		<!-- Left Column -->
		<div class="col-12 col-md-4 order-2 order-md-1 column">Left Column</div>
		
		<!-- Right Column -->
		<div class="col-12 col-md-4 order-3 order-md-3 column">Right Column</div>
	</div>
</div>
https://www.scotsscripts.com/mvblog/bootstrap-5-three-columns-middle-on-top-for-mobile.html

mvkb_bootstrap mvkb_html