The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Bootstrap 3 – targeting mobile sites
Does anyone know how to target mobile phone displays only?
Thanks in advance
If you wanna do that you have to use .col-xs-* classes only. So don’t use any other column classes like .col-sm-*, .col-md-*, .col-lg-*.
Bootstrap really isn’t set up to do that…I think.
From what I can gather you would basically have to gut the CSS which would probably outweigh any usefulness in using Bootstrap to start with.
The first thing you would have to do is remove any media queries relating to non-mobile.
Thanks for the replies.
When using a mobile phone to browse my site, I would like my text input to be approx 75% width, of the screen and an icon floated to the right of the text input.
Is that possible somehow?
That’s an HTML / design issue…not related to Bootstrap specifically.
You would have to experiment.