Bootstrap 3 Apply CSS on Mobile View Only

Question

I' am using Bootstrap 3, In the mobile view I would like to apply some CSS to fix up some bugs on mobile view. I have looked to documentations and Google it. I' am can't seem to find any clue on it.

Is it possible?

question from:https://stackoverflow.com/questions/19827236/bootstrap-3-apply-css-on-mobile-view-only

Answer 1

Just use the appropriate media queries in your CSS, eg

@media (max-width: 767px) {
    /* CSS goes here */
}

Bootstrap defines the following widths

• Extra small devices (phones, less than 768px)
• Small devices (tablets, 768px and up)
• Medium devices (desktops, 992px and up)
• Large devices (large desktops, 1200px and up)

See http://css-tricks.com/css-media-queries/ for some more information on media queries.