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
Post a Comment