Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Bootstrap 3 – targeting mobile sites

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 16, 2013 at 3:58 am #150187
    matthisco
    Participant

    Hello,

    Does anyone know how to target mobile phone displays only?

    Thanks in advance

    September 16, 2013 at 4:29 am #150191
    Anonymous
    Inactive

    Hey,

    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-*.

    Regards ;]

    September 16, 2013 at 4:33 am #150193
    Paulie_D
    Member

    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.

    http://getbootstrap.com/css/#grid-media-queries

    September 16, 2013 at 4:39 am #150194
    matthisco
    Participant

    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?

    Many thanks

    September 16, 2013 at 4:54 am #150195
    Paulie_D
    Member

    That’s an HTML / design issue…not related to Bootstrap specifically.

    You would have to experiment.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.