Level Extreme platform
Subscription
Corporate profile
Products & Services
Support
Legal
Français
Determine current screen size
Message
 
General information
Forum:
Bootstrap
Category:
Responsive design
Miscellaneous
Thread ID:
01686742
Message ID:
01686752
Views:
26
>Hi,
>
>How do you determine the current screen size (sm, md, lg, etc.)? Does Bootstrap have a class for that?
>So that if you resize the browser this value changes according to the browser size?
>
>TIA

I found the following Bootstrap code:
       <h1 class="hidden-xs bg-danger">This text is hidden on an EXTRA SMALL screen.</h1>
        <h1 class="hidden-sm bg-info">This text is hidden on a SMALL screen.</h1>
        <h1 class="hidden-md bg-warning">This is text hidden on a MEDIUM screen.</h1>
        <h1 class="hidden-lg bg-success">This is text hidden on a LARGE screen.</h1>
And it shows that my iPhone screen is EXTRA SMALL. How can it be? I thought that even though the iPhone screen is small, physically, it has a high resolution and therefore, at least, SMALL or MEDIUM.

What am I missing?
"The creative process is nothing but a series of crises." Isaac Bashevis Singer
"My experience is that as soon as people are old enough to know better, they don't know anything at all." Oscar Wilde
"If a nation values anything more than freedom, it will lose its freedom; and the irony of it is that if it is comfort or money that it values more, it will lose that too." W.Somerset Maugham
Previous
Reply
Map
View

Click here to load this message in the networking platform