Inputs with Aligned Buttons

by ramnathv

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.6/paper/bootstrap.min.css">
<div class="container" id="main">
  <div class="list-group">
    <div class="list-group-item">
      <div class="row">
        <div class="col-xs-8">
          <input type="text" class='form-control'>
        </div>
        <div class="col-xs-4">
          <div class="btn-group pull-right" id='foo'>
            <button class="btn btn-xs btn-danger">Delete</button>
            <button class="btn btn-xs btn-success">Save</button>
          </div>
        </div>
      </div>
    </div>
    <div class="list-group-item">2</div>
    <div class="list-group-item">3</div>
    <div class="list-group-item">4</div>
  </div>
</div>

CSS

#main{margin-top: 20px;}
#foo{
  margin-top: 10px;
}