bootstrapBir div'i sağa kaydırmanın doğru yolu nedir ? pull-rightTavsiye yolu olduğunu düşündüm , ama çalışmıyor.

@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>

Satırın içinde iki span6 div var, böylece bir satırdan oluşan 12 açıklığın tamamını alacak.

İkinci span6 div'e sağa ekleme, zaten sağda olduğu için hiçbir şey yapmaz.

İkinci span6 div içindeki metnin sağa hizalanmasını istiyorsanız, basitçe bu div'e yeni bir sınıf ekleyin ve metne align-right: right değeri verin.

.myclass {
    text-align: right;
}

GÜNCELLEME:

EricFreese, Bootstrap'ın 2.3 sürümünde (geçen hafta) kullanabileceğiniz metin hizalama yardımcı programı sınıfları eklediklerine dikkat çekti:

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

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

Bir div'i sağa kaydırmak pull-righttavsiye edilen yoldur, doğru şeyleri yaptığınızı hissediyorum, sadece kullanmanız gerekebilirtext-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 içindeki metni hizalamak için bir sınıfa sahiptir

<div class="text-right">

sağdaki metni hizalar

<div class="pull-right">

yalnızca metni değil, tüm içeriği sağa çeker

Bu, satır içi bir stil eklemeye gerek kalmadan hile yapar

<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>

Cevap, <div>"pull-right" sınıfıyla bir başkasını iç içe geçirmektir . İki sınıfı birleştirmek işe yaramaz.

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

Bu iş benim için.

edit: Snippet'inizle ilgili bir örnek:

@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>

Sınıf adını metin merkezi, sol veya sağ gibi atayabilirsiniz. Metin, bu sınıf adına göre hizalanacaktır. Ek sınıf adı ayrı ayrı yapmanız gerekmez. Bu sınıflar BootStrap 3 ve bootstrap 4'te oluşturulmuştur.

Önyükleme 3

v3 Metin Hizalama Belgeleri

<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 Metin Hizalama Belgeleri

<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>