How to align btn-toolbar to right?
<p>i'm creating the footer of a bootstrap modal and i would align the btn-toolbar to the right of the text.
I tried with the following code:</p>

<pre><code>  &lt;div class="modal-footer"&gt;
    &lt;div class="text-center alert alert-danger"&gt;
      &lt;p&gt;confirm deletation?
        &lt;span class="btn-toolbar pull-right"&gt;
          &lt;button class="btn btn-success btn-flat fa fa-times"&gt;&lt;/button&gt;
          &lt;button data-dismiss="modal"
                  class="btn btn-success btn-flat fa fa-check"&gt;&lt;/button&gt;
        &lt;/span&gt;
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
</code></pre>

<p>but i get the following result:</p>

<p>As you can see the button group on the right is not aligned with the text. How to fix it?</p>

<p><a href="https://i.stack.imgur.com/84AHv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/84AHv.png" alt="enter image description here"></a></p>