Go Back

Do you get confused over bootstrap sizes?

alt

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>
</div>
Facebooktwittergoogle_pluspinterestlinkedinmailFacebooktwittergoogle_pluspinterestlinkedinmail
Tags: , ,

Subscribe to our mailing list and we will keep you up to date with our latest blog posts!