Customized bootstrap doesn't have breakpoint for XS screen size <p>I only wanted the CSS for the Grid layout and Responsive utilities, so I customized boostrap for my application here - <a href="http://getbootstrap.com/customize/?id=568dcb34f5eabdd2e526e20c7041d8bc" rel="nofollow noreferrer">http://getbootstrap.com/customize/?id=568dcb34f5eabdd2e526e20c7041d8bc</a></p> <p>Part of the default settings on that page define where common breakpoints are -</p> <p><a href="https://i.stack.imgur.com/bB513.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bB513.png" alt="enter image description here"></a></p> <p>When I downloaded my customized file, I noticed media queries for the breakpoints 768px, 992px, and 1200px. But I didn't see anything about 480px.</p> <p>Is there a reason for that? I know the CSS file is structured to applyl to the smallest resolution first and then increase in resolution progressively, but wouldn't their still be a break point for less than and greater than 480px? </p>