Bootstrap 3 Media Query Breakpoints

By February 15, 2017 Bootstrap, Css, Html No Comments
Bootstrap-3 Media Query Breakpoints

Bootstrap 3 Breakpoints and Media Queries

Here is the default sizes for Twitter Bootstrap 3 media queries, Bootstrap provides media query breakpoints in two ways.

  1. Mobile First Method
  2. Desktop First Method

The Mobile First Method is based on ‘min-width’ breakpoints concept, while  Desktop First Method is based on ‘max-width’ breakpoints.
Min-Width: Refers to everything greater than or equal to the amount given.
Max-Width: Refers to everything less than or equal to the amount given.

 

Here are the both methods standard breakpoints for Bootstrap 3 Media Queries.

1. Non-Mobile First Method or Desktop First Method for Bootstrap 3

2. Mobile First Method for Bootstrap 3


About Vijay Dhanvai

A passionate blogger by heart and mind, I have been working in this field for 7 years now. A WordPress Professional, web developer and designer who intends to guide his readers about Web Design, WordPress, Blogging, Web Development, and more.

Leave a Reply