Do you get confused over bootstrap sizes? - Webforward Blog
2nd June 2015
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: , ,
About the Author

At heart, I am a geek. I started building websites at the age of 11 and have grown from a freelancer to running three successful web agencies located in Tamworth, Cardiff and Surrey, primarily through word-of-mouth. I love web design, and I like to think that it shows in our work. My specialities lie in bespoke web development, security testing and server management but I have a passionate team around me to complete the whole package and make our businesses the number one choice.

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