Skip to content

Square corners for buttons, inputs, and containers.

<div class="app-bar fixed-bottom bg-darkCobalt"> <a class="app-bar-item" href="#"> <span class="mif-home icon"></span> </a> <a class="app-bar-item" href="#"> <span class="mif-cog icon"></span> </a> </div>

If you know Bootstrap ( .row , .col-md-6 ), Metro UI is very similar but uses different class names.

→ Use Bootstrap 5 + custom tile CSS instead.