Bootstrap Work: Metro
<div class="container"> <div class="row"> <div class="cell-md-4"> <div class="bg-cyan p-4">Left Sidebar</div> </div> <div class="cell-md-8"> <div class="bg-teal p-4">Main Content</div> </div> </div> </div>
Metro UI sites often use a fixed bar at the bottom for navigation, similar to Windows tablets. metro bootstrap
<div class="tiles-grid"> <!-- A basic tile --> <div data-role="tile" class="bg-cobalt"> <span class="branding-bar">My App</span> </div> div class="bg-cyan p-4">