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

WARNING:

This information is offered "AS IS" for internal reference only. Use at your own risk.
Does AI actually understand your Miva Merchant store? Our smart 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 (updated: January 22, 2025)

THIS CODE IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED;
THE AUTHOR DISCLAIMS ALL LIABILITY FOR ANY DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR STORE DISRUPTIONS ARISING FROM ITS USE. 

<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