html - Bootstrap 3, retina displays and col-lg -


i using twitter bootstrap 3 , have 2 different column settings on div:

<div class="col-md-10 col-lg-8 col-centered"> 

i set col-lg-8 large desktop screens , col-md-10 medium screens , laptops. issue when using retina macbook 13", large screen detected due high resolution , wrong column class applied.

how fix col-md-10 used on retina macbook?

you're going have customize , download suitable version of bootstrap 3.3.4 modify media query breakpoints encompass correct resolutions. right now, bootstrap's breakpoints defined as:

@screen-xs: 480px; @screen-sm: 720px; @screen-md: 992px; @screen-lg: 1200px; 

if visit http://getbootstrap.com/customize/#media-queries-breakpoints, can customize these values fit macbook correctly.


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -