Thanks James, that’s very helpful. I never had an excuse to look around the .less files until now.
It’s interesting to me that they bothered to create three separate .less files for different media queries, while in some files (like the one you pointed me to) they include multiple @media entries. Phrased another way, why not put all queries in one file, or put a single query in a single file? Oh well, in any case thanks very much for the answer! -Ben From: James McNab Sent: Tuesday, December 18, 2012 10:48 AM To: [email protected] Subject: Re: Adjust when grid collapses rows? You can change the media query to make the layout change at a different width. Bootstrap has several .less files for the various 'breakpoints' where the layout will change depending on the width of the browser, the one you want is the one for the layout up until the screen hits 767px wide, in the file named 'responsive-767px-max.less'. At the top just change the following line to the width you want the layout to change below: @media (max-width: 480px) { More about Media Queries: http://www.css3.info/preview/media-queries/ On Monday, 19 November 2012 18:48:43 UTC, benrhere wrote: Hi there, I'm a bit of a newbie with web grids, but... So far I haven't done any customizing with the .less files. The grid just works. One thing that's great is that for smaller devices, it will stack content vertically which was displayed in a row. There is some width threshold, where it will make the jump from horizontal to stacked. I'd just like to tweak that threshold so that it will more quickly decide that there's not enough width and will stack the row contents vertically. Does that correspond to one of the .less variables? Thanks for any help... -Ben
