Bootstrap Browser extension that shows when you are on Mobile (XS), Tablet (SM) and Desktop (MD +)?

[toolman]

Hello,

I use Bootstrap a lot for my websites and wondered if there are any browser extentions that tell you when you are in a “sm” or “md” view etc for example?

I know it can be easily done without an extension, but I just wondered if one exists that will tell you what view you are in with just a split second glance?

Thanks!

[coothead]

Hi there toolman,

I think that you should read this post…

What is the best @media (max-width) queries I can use to target devices?

These days there are are no ‘standard widths’ as there are just too many devices about (literally hundreds all different sizes, orientations and resolutions). Some phones have bigger displays than tablets and some tablets are now larger than laptops. Some laptops are bigger than desktops and so on… Indeed on my large monitor desktop I have many browser windows open at the same time so some windows may be as small as the one on my phone. It is fruitless to think in terms of devices these days a…

coothead

[toolman]

Thanks for the reply.

That makes sense, but Bootstrap has set widths built in at break points. I just wondered if I were to just randomly resize my desktop window, if there was a plugin that I could just glance at that would tell me if I was size breakpoint I am in within Bootstrap’s framework

[Gandalf]

I’m sure you could run a simple Google query to answer that question.

[PaulOB]

@toolman

if there was a plugin that I could just glance at that would tell me if I was size breakpoint I am in within Bootstrap’s framework

You can do that from within the developer tools. Just open the devtools and highlight the container and then look in the devtools window and you can see the media queries change as you move the window up and down.