title: Vertically middle align button in bootstrap column
body: <p>I want to vertically middle align the buttons in bootstrap columns. </p>
  
  <p><strong>Fiddler:</strong> <a href="https://jsfiddle.net/ebwwvy6m/23/" rel="noreferrer">https://jsfiddle.net/ebwwvy6m/23/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
     &lt;div class="col-sm-3 vcenter"&gt;                   
        &lt;button type="button" class="btn btn-success btn-sm" id="BtnExport"&gt;Export&lt;/button&gt;
      &lt;/div&gt;
                  &lt;div class="col-sm-9"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-sm-6"&gt;
                              Comment
                              &lt;textarea rows="2" class="form-control" id="TextAreaComment"&gt;&lt;/textarea&gt;
                          &lt;/div&gt;
                          &lt;div class="col-sm-6 vcenter"&gt;
                              &lt;button type="button" class="btn btn-primary btn-sm" id="BtnEntry"&gt;Abandon&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.vcenter {
      display:inline-block !important;
      vertical-align:middle !important;   
  }
  </code></pre>
  
  <p><strong>Expectation:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/dmyIj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dmyIj.png" alt="enter image description here"></a></p>
  
  <p><strong>What I tried?</strong></p>
  
  <p>I tried following the solutions provided here,</p>
  
  <ol>
  <li><a href="https://stackoverflow.com/questions/35232114/vertical-align-button-in-the-middle-of-the-column-bootstrap">Vertical align button in the middle of the column- bootstrap</a></li>
  <li><a href="https://stackoverflow.com/questions/36937888/vertical-align-button-middle-next-to-text">Vertical align button middle next to text</a></li>
  <li><a href="https://stackoverflow.com/questions/31283584/bootstrap-vertically-align-button-with-well">Bootstrap - Vertically Align Button With Well</a></li>
  </ol>
  
  <p>But, I am not getting the solution. Any suggestion will be much appreciated. Thanks.</p>