6 ms·

The big one, for me at least, is the move from a 16-column grid to a 12-column grid. I didn't look into the technical differences, just those that would impact

• tptacek 15y ago
  I found the dox from Aaron's comment (thanks, everyone!). Bootstrap 2 looks amazing. What's the win going from 16 to 12 columns?
  • ibejoeb 15y ago
    Wondering the same. Sorry, didn't mean to imply it's a win. For me, I'm going to have to adjust a ton of layout. It's probably not all that bad if you've got a decent template structure, though. It's a headache, but as I was saying, it's so much quicker to work with than many of the others that I might just dedicate some time to do the work and get on board.
  • ddagradi 15y ago
    A 12-column grid lets you easily mix 3-colum and 4-column layouts. A 16-column grid does not. [edit] Essentially it's more expressive. Another commenter correctly mentioned that it could have the same advantages above for a responsive design. 12-columns allow for greater freedom of expression at all display sizes.
  • SkyMarshal 15y ago
    >What's the win going from 16 to 12 columns? Was wondering that too. First thing that comes to mind is that 12 columnn is more flexible for responsive layouts, which is another big addition in v2. For example, since 12 is divisible by 3, it's easier to create a responsive site with 3 vertical sections that collapse into a single vertical section on mobile devices. (Like the Less Framework's mobile layout: http://lessframework.com/ http://lessframework.com/. Not the best example, I know I've seen a better one, but can't find it atm, but that gives the general idea.). Don't know for sure if that's the reason, though.
  • ThomPete 15y ago
    You get better divider flexibility with the columns. You basically can divide it in half (6 columns each), in thirds (four columns each) in fourth (three columns each), in 6th (two columns each and in all 12 plus of course spanning the entirety. 16 gives you only 1, half,
    • tstegart 15y ago
      Any recommendations on how to use grids? I've seen them talked about but I don't actually know what to do with it. How does it help you?
      • dangrossman 15y ago
        You can line up every element in your design without figuring out and writing widths and margins for every element by hand. You just assign one of the provided class names and you automatically get the desired result.
        • tstegart 15y ago
          So how do you find what to adjust in the CSS? Just read through it until you figure it out? For example, if I wanted to make four columns instead of three?
          • tptacek 15y ago
            In Haml: .span3 = render :partial => "col1" .span3 = render :partial => "col2" .span3 = render :partial => "col3" .span3 = render :partial => "col4" Or, to do 3-col: .span4 = render :partial => "col1" .span4 = render :partial => "col2" .span4 = render :partial => "col3" Nothing in the partial needs to especially care about the grid (as long as its simple) --- but if it wanted to, it could nest columns.
            • aaronbrethorst 15y ago
              or better yet, you have semantically named elements and assign them column values in your .less file: #sidebar { .makeColumn(4); } #main_pane { .makeColumn(8); } #sidebar = render :partial => 'common/sidebar' #main_pane = yield
  • tedsuo 15y ago
    You can also change the number of columns using LESS.
• scoot 15y ago
  It's imperial vs. base 2. Always knew there was a reason a foot has 12 inches, and a circle has 360 degrees...
• azylman 15y ago
  You've always been able to easily modify the grid size just by changing the less stylesheet.
• conradfr 15y ago
  I don't really get why they would get rid of the 16-column instead of only adding the 12 and mix them with something like <div class="row12"></div>. I have use for both.
  • TylerE 15y ago
    Because then you'd end up writing stuff like span6-12 or span1-16. Confused why you'd need 16 also. Any even division you can do in a 16 col grid you can also do in 12.