Bootstrap 3 btn-group stacking vertically

Question

I'm attempting to create an inline btn-group inside of a column with bootstrap3 classes, but the btn group isn't behaving as expected. Instead of being connected and displayed on the same row, the buttons are being vertically stacked and also appear bigger than they should. Here is a view of what is happening: btn-group

And the html for this part of the page:

<div class="btn-group">
  <button class="btn btn-primary">
    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
  </button>
  <button class="btn btn-primary">
    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
  </button>
</div>

Also, no CSS has been applied to the buttons. Any help or suggestions are appreciated, Thanks.

Answer 1

Switch:

<div class="btn-group">

To:

<div class="btn-group-vertical">

Answer 2

Try this:

 .btn {
     float:left;
  }