CODEWITHSUNDEEP
csstwitter-bootstrap-3
HelloWorld
HelloWorld

Reputation: 4892

How to hide a div in smallest bootstrap 3 media resolution

I use bootstra 3.x latest.

How can I hide a certain div, when the browser window is very small (smartphone) and the bootstrap extra-small (xs) take action?

Upvotes: 3

Views: 2778

Answers (2)

Carol Skelly
Carol Skelly

Reputation: 362700

Just use the hidden-xs responsive utility class: http://getbootstrap.com/css/#responsive-utilities

Upvotes: 5

Leonardo
Leonardo

Reputation: 11

The bootstrap xs take action after the screen decreased to 767px and min. You only have to create a media query

@media (max-width:767px){
    .div-to-hide{
        display:none
    }
}

<div class="div-to-hide">
     ...div content...
</div>

Upvotes: 1

Related Questions