title: Three equal sized buttons in Bootstraper
body: <p>I've started to use bootstraper. And I want a row with three buttons. The buttons should have the same height and width. How can I achieve this?</p>
  
  <p>I have come up with the following, but this gives me different heights of the buttons.</p>
  
  <pre><code>&lt;div class="row-fluid"&gt;
      &lt;div class="span2 offset1"&gt;
          &lt;a href="#" class="btn btn-info btn-block"&gt;
              &lt;div class="buttonbody"&gt;
                  &lt;img src=".." /&gt;
                  &lt;p&gt;Button1&lt;br /&gt;Second row&lt;p&gt;
              &lt;/div&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="span2 offset1"&gt;
          &lt;a href="#" class="btn btn-info btn-block"&gt;
              &lt;div class="buttonbody"&gt;
                  &lt;img src=".." /&gt;
                  &lt;p&gt;Button2&lt;p&gt;
              &lt;/div&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="span2 offset1"&gt;
          &lt;a href="#" class="btn btn-info btn-block"&gt;
              &lt;div class="buttonbody"&gt;
                  &lt;img src=".." /&gt;
                  &lt;p&gt;Button3&lt;p&gt;
              &lt;/div&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>