Bootstrap 3 right align button

Question

I am trying to right align a button in a grid:

I would like the button on the right to align with the text area above it.

My code looks something like this:

<div class="row">
    <div class="col-xs-2">
        Purchase Order
    </div>
    <div class="col-xs-10">
        <textarea />
        <textarea />
        <div class="row">
            <div class="col-xs-9">
                <button />
                <button />
            </div>
            <div class="col-xs-2">
                <button />
            </div>
        </div>
    </div>
</div>

I have tried adding offsets and adjusting the spans of the different columns...the button is either too far to the left or the right. I have tried adding a fixed margin-left to the right button, this works but it breaks the responsive design.

---

NOTE:

I can't use pull-right, it is deprecated in Bootstrap 3.

Answer 1

Normally Bootstrap has its own class to pull elements to the right. Try this:

<button class="pull-right">Hello</button>