I'm trying to do the same thing. This what I got so far: <!doctype html> <head> <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"; rel="stylesheet"> <link href=" http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css"; rel="stylesheet"> </head> <body> <div class="container"> <h1>4 Kitties. How to make 'em stacked 2 in a row when < 768px?</h1> <div class="row"> <div class="span3"><a class="thumbnail" href="#"><img src=" http://placekitten.com/g/270/360"; >In Boots</a></div> <div class="span3"><a class="thumbnail" href="#"><img src=" http://placekitten.com/g/270/360"; >Scratchy</a></div> <div class="span3"><a class="thumbnail" href="#"><img src=" http://placekitten.com/g/270/360"; >Hello</a></div> <div class="span3"><a class="thumbnail" href="#"><img src=" http://placekitten.com/g/270/360"; >Cheshire</a></div> </div> </div> </body> </html> 4 in a row is easy enough. Anybody got any ideas for best markup for 2 in a row stacked like Matt's example? Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936
On 15 August 2012 07:46, Matt Mikulla <[email protected]> wrote: > It would be great if bootstrap offered class options to control thumbnails > to remain in a grid when at mobile breaking point. Say 2 or 3 per row. > > As it is right now a thumbnail will take up a whole row. At that point it > becomes an image and not a thumbnail. That's fine for some items but for > more of a menu multiple thumbnails would be more appropriate. > > > <https://lh5.googleusercontent.com/-YzA06obpHpQ/UCsbOD4xNaI/AAAAAAAAAt0/3GrQvftUWyw/s1600/iphone-bootstrap-thumbnail-example.jpg> > >
