title: Why is my column-count not working with Bootstrap in Chrome?
body: <p>I tried displaying multiple buttons in columns using</p>
  
  <pre class="lang-css prettyprint-override"><code>.columnized {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3;
  }
  </code></pre>
  
  <p>and markup</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="columnized col-md-6"&gt;
      &lt;p&gt;
          &lt;button type="button" class="btn btn-default btn-xs"&gt;text&lt;/button&gt;
      &lt;/p&gt;
      &lt;!-- ... more buttons ... --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but the entire div is showing like a line and all the <code>p</code>s looks like they are floated to the right.</p>
  
  <p>It's curious that this works in <code>Firefox 28</code> and <strong>even</strong> <code>Internet Explorer 10</code> and not in <code>Chrome 33</code>.</p>