title: Customizing number of columns in Bootstrap 3
body: <h2>Update:</h2>
  
  <p>For anyone who happens upon this question:  This issue seems to have been resolved in a subsequent update to Bootstrap.  You can now download a custom Bootstrap 3 build, specifying the number of desired columns with the <code>@grid-columns</code> setting.</p>
  
  <p><a href="http://getbootstrap.com/customize/" rel="noreferrer">http://getbootstrap.com/customize/</a></p>
  
  <h2>Original Question:</h2>
  
  <p>I'm trying to customize the Bootstrap 3 grid system to use 24 columns rather than the default 12.</p>
  
  <p>As recommended in a number of answers here, I'm attempting to customize the assets using Bootstrap's "Customize and Download" page by modifying the <strong>@gridColumns</strong>, <strong>@gridColumnWidth</strong>, and <strong>@gridGutterWidth</strong> variables.  </p>
  
  <p>But Bootstrap 3 seems to have done away with those variables:</p>
  
  <ul>
  <li><p>Bootstrap 3 customization page (e.g., no @gridColumns):<br>
  <a href="http://getbootstrap.com/customize/" rel="noreferrer">http://getbootstrap.com/customize/</a></p></li>
  <li><p>Bootstrap 2 customization page (e.g., @gridColumns option available):<br>
  <a href="http://getbootstrap.com/2.3.2/customize.html" rel="noreferrer">http://getbootstrap.com/2.3.2/customize.html</a></p></li>
  </ul>
  
  <p>What would be the recommended way of achieving this in Bootstrap 3?  Many thanks!</p>