Go Back

Do you get confused over bootstrap sizes?


After many hours of developing within bootstrap it is very easy to forget what media size you are using especially when working with many different sizes and columns, we have developed a simple bit of code to help with this.

Place this code at the top of your <body> tag and it will display what size you are currently viewing your website in at the top right of the page.

<div class="bootstrap-debug" style="position:fixed; background: #000; color: #fff; top: 0px; right: 0px; padding: 5px; z-index: 999; opacity: 0.7">
    <div class="visible-xs">XS</div><div class="visible-sm">SM</div><div class="visible-md">MD</div><div class="visible-lg">LG</div>
Tags: , ,