CODEWITHSUNDEEP
csstwitter-bootstrap
Hidalgo
Hidalgo

Reputation: 941

Bootstrap 3 disable class for small devices

I have a Form class="form-inline center" where class "center" is as following (in style section):

.center { text-align: center }

But I want this class "center" Not to be in effect on small to very small devices. Is there Bootstrap 3 syntax for that?

Upvotes: 3

Views: 2109

Answers (2)

Munam Yousuf
Munam Yousuf

Reputation: 547

use the .hidden-xs and .hidden-sm classes on <center> like this: 

<center class="hidden-xs hidden-sm">

for more details check out official documentation here Bootstrap Responsive utilities

Upvotes: 3

Ren
Ren

Reputation: 1503

You can try using just media queries.

Something like,

@media only screen and (max-width: 320px) {    
   .center {
       text-align : (your preferred style);
    }
}

Here is a JsFiddle

Similar question : Bootstrap, pull-left for small devices

More information about device and screen sizes : http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Hope this helps.

Upvotes: 3

Related Questions