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?

score 3 · Accepted Answer · edited May 23 '17 at 10:30

3

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

Hope this helps.

edited May 23 '17 at 10:30

Community

answered Mar 28 '14 at 12:39

Ren

Jundev. Thank you very much! I will try your approach and follow the references links. – Hidalgo Mar 28 '14 at 12:56
One of the references you kindly wrote provided solution to my question. Can I mark your message as the solution to this thread? Or what is the right etiquette for this forum? – Hidalgo Mar 28 '14 at 13:23
Glad it worked for you. Yes, you certainly can mark my solution as accepted, since you are the question owner. You can also upvote a question or answer if you find it informative. – Ren Mar 28 '14 at 13:32

Munam Yousuf · Answer 2 · 2016-12-17T06:25:02.257

3

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

edited Dec 17 '16 at 06:25

answered Sep 20 '15 at 22:12

Munam Yousuf

2 Answers2