title: How to have a space between the two buttons? And how to align them to center
body: <p>I'm using bootstrap from getbootstrap.com. I want to have a space between the SAVE and CLEAR button. I also want them to align center to be proportioned on the textboxes. How can I achieve that? </p>
  
  <p><a href="https://i.stack.imgur.com/yii8n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yii8n.png" alt="Here&#39;s the photo"></a></p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;label for="trucktype" class="col-sm-2"&gt;Truck Type&lt;/label&gt;
          &lt;div class="col-sm-4"&gt;
          &lt;select id="trucktype" name="trucktype" class="form-control" tabindex="2"&gt;
            &lt;option value="volvo"&gt;Service Wheels&lt;/option&gt;
            &lt;option value="saab"&gt;Boom Truck&lt;/option&gt;
            &lt;option value="mercedes"&gt;Crane Truck&lt;/option&gt;
            &lt;option value="audi"&gt;Pole Trailer Truck&lt;/option&gt;
          &lt;/select&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
     &lt;div class="form-group"&gt;
        &lt;label for="truckloadcapacity" class="col-sm-2"&gt;Truck load capacity&lt;/label&gt;
        &lt;div class="col-sm-4"&gt;&lt;input type="text" name="truckloadcapacity" id="truckloadcapacity" class="form-control" tabindex="3"&gt;&lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div class="form-group"&gt;
      &lt;label for="truckdesc" class="col-sm-2"&gt;Truck Description:&lt;/label&gt;
      &lt;div class="col-sm-4"&gt;&lt;textarea class="form-control" rows="3" id="truckdesc" tabindex="4"&gt;&lt;/textarea&gt;&lt;/div&gt;
      &lt;/div&gt;
  
    &lt;div class="form-group"&gt;
      &lt;label for="truckphoto" class="col-sm-2"&gt;Truck Photo&lt;/label&gt;
      &lt;div class="col-sm-4"&gt;&lt;input type="file" name="file" id="truckphoto" class="form-control" tabindex="5"&gt;&lt;/div&gt;
    &lt;/div&gt;
  
    &lt;!-- BUTTONS start --&gt;
    &lt;div class="row"&gt;      
    &lt;div class="col-sm-4"&gt;
    &lt;div class="form-group"&gt;
    &lt;input class="btn-primary btn-lg col-sm-4" type="submit" value="Save"&gt;
    &lt;input type="reset" class="btn-default btn-lg col-sm-4" name="clear" value="Clear"&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- BUTTONS end --&gt;
   &lt;/form&gt;
  </code></pre>