Как правильно bootstrapплавать div вправо? Я думал, что pull-rightэто рекомендуемый способ, но он не работает.

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
 .container {
    margin-top: 10px;
}

<div class="container">
    <div class="row-fluid">
        <div class="span6">
            <p>Text left</p>
        </div>
        <div class="span6 pull-right">
            <p>text right</p>
        </div>
    </div>
</div>

У вас есть два блока span6 в вашем ряду, так что они будут занимать все 12 промежутков, из которых состоит ряд.

Добавление pull-right ко второму элементу span6 ничего не изменит, поскольку он уже расположен справа.

Если вы хотите, чтобы текст во втором div span6 был выровнен по правому краю, просто добавьте новый класс к этому div и присвойте ему значение text-align: right, например

.myclass {
    text-align: right;
}

ОБНОВИТЬ:

EricFreese отметил, что в выпуске Bootstrap 2.3 (на прошлой неделе) они добавили служебные классы выравнивания текста, которые вы можете использовать:

• .text-left
• .text-center
• .text-right

http://twitter.github.com/bootstrap/base-css.html#typography

pull-rightРекомендуется использовать плавающий элемент вправо. Я чувствую, что вы все делаете правильно, возможно, вам нужно только использоватьtext-align:right;

  <div class="container">
     <div class="row-fluid">
      <div class="span6">
           <p>Text left</p>
      </div>
      <div class="span6 pull-right" style="text-align:right">
           <p>text right</p>
      </div>
  </div>
 </div>      
 </div>

У bootstrap 3 есть класс для выравнивания текста внутри div

<div class="text-right">

выровняю текст справа

<div class="pull-right">

потянет вправо весь контент не только текст

Это делает трюк, без необходимости добавлять встроенный стиль

<div class="row-fluid">
    <div class="span6">
        <p>text left</p>
    </div>
    <div class="span6">
        <div class="pull-right">
            <p>text right</p>
        </div>
    </div>
</div>

Ответ заключается во вложении другого <div>с классом «тянуть-вправо». Объединение двух классов не сработает.

<p class="pull-left">Text left</p>
<p class="text-right">Text right in same line</p>

Это работа для меня.

редактировать: пример с вашим фрагментом:

@import url('https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.css');
 .container {
    margin-top: 10px;
}

<div class="container">
    <div class="row-fluid">
        <div class="span6 pull-left">
            <p>Text left</p>
        </div>
        <div class="span6 text-right">
            <p>text right</p>
        </div>
    </div>
</div>

Вы можете назначить имя класса как текстовый центр, левый или правый. Текст будет соответствовать в соответствии с этим именем класса. Вам не нужно делать дополнительное имя класса отдельно. Эти классы встроены в BootStrap 3 и bootstrap 4.

Bootstrap 3

Документы по выравниванию текста v3

<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>

Bootstrap 4

Документы по выравниванию текста v4

<p class="text-xs-left">Left aligned text on all viewport sizes.</p>
<p class="text-xs-center">Center aligned text on all viewport sizes.</p>
<p class="text-xs-right">Right aligned text on all viewport sizes.</p>

<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>