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
>
