Bootstrap 3 disable class for small devices

Question

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?

Answer 1

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.