title: Align button group right
body: <p>This button-group just doesn't want to be aligned. I've tried to add pull-right, text-right, float-right bootstrap classes to <code>btn-group</code> div. I've tried to change text-align, padding, margin, float css properties for <code>buttons</code> class. Nothing helps. Only if I set padding-left value like <code>padding-left: 28px</code>. But that's not what I'm looking for. I need a solution for general case but not to experiment with how much pixels needed for padding-left value.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;div class="row issue"&gt;
    &lt;div class="title col-md-7"&gt;
      &lt;a href="https://www.google.com"&gt;Google&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="buttons btn-group col-md-5"&gt;
      &lt;button class="btn btn-success btn-sm"&gt;PR&lt;/button&gt;
      &lt;button class="btn btn-danger btn-sm"&gt;DEL&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>