Как выровнять два столбца вправо? бутстрап 3 сетка

У меня есть три столбца, отображаемых в одной строке, мне нужно выровнять последние два в правом углу, он отлично работает с одним столбцом, но когда я пытаюсь потянуть-право два, он беспорядок сетки и толкает элементы в следующую строку вниз, Вопрос заключается в том, как выровнять один столбец справа и другой рядом с ним.

       <div class="row ">
                    <div class="col-sm-4">
                    ...
                    </div>

                    <div class="col-sm-3" >
                     ...
                    </div>

                    <div class="col-sm-5 pull-right">
                        <div class=" pull-right">
                          ...
                        </div>
                    </div>
        </div>

Ток:

|[     ]       [      ]       [     ]|

Требуются:

|[     ]              [      ][     ]|

Ответы

Ответ 1

Это зависит от того, правильно ли вы выравниваете текст внутри среднего столбца или какой-либо другой контейнер внутри столбца. Вот несколько примеров, которые могут работать для вас.

http://www.bootply.com/119747

<div class="row ">
  <div class="col-sm-4">
    1 text here 
  </div>
  <div class="col-sm-3 text-right">
    2 text here 
  </div>
  <div class="col-sm-5">
    3 text here 
  </div>
</div>

<div class="row ">
  <div class="col-sm-4">
    <div class="well"> 
      content
    </div>
  </div>
  <div class="col-sm-3">
    <div class="well pull-right"> 
      content pull-right 
    </div>
  </div>
  <div class="col-sm-5">
    <div class="well"> 
      content
    </div>
  </div>
</div>

Ответ 2

Используйте нижний размер столбца со смещением, подобным этому:

<div class="col-sm-3"></div>
<div class="col-sm-3 offset-col-sm-3"></div>
<div class="col-sm-3"></div>