SORU
21 ŞUBAT 2012, Salı


Nasıl Bootstrap ile bir div ortalamak için?

http://twitter.github.com/bootstrap/scaffolding.html

Tüm kombinasyonları denedim:

<div class="row">
  <div class="span7 offset5"> box </div>
</div>

ya

<div class="container">
  <div class="row">
    <div class="span7 offset5"> box </div>
  </div>  
</div>

değişen parçası ve ofset denir

Ama yapamıyorum basit bir kutu mükemmel bir sayfada ortalanmış olsun :(

Sadece 6-sütun-geniş bir kutu merkezli


düzenleme:

bunu yaptılar

<div class="container">
  <div class="row" id="login-container">
    <div class="span8 offset2">
       box
    </div>
  </div>
</div>

Ama kutusu çok geniş, orada span7 ile yapabilirsiniz herhangi bir yolu var mı ?

span7 offset2 sağa sola ekstra dolgu span7 offset3 fazladan yastıklama sağlar

CEVAP
18 ŞUBAT 2013, PAZARTESİ


Bootstrap ... ... yayılan sola süzülüyor. Merkezi için tüm gereken bu davranışı geçersiz kılar onları. Benim stil bu ekleyerek yapıyorum:

.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

Eğer bu sınıfı tanımlanmış varsa, sadece span eklemek ve gitmek için iyi bir konum.

<div class="span7 center"> box </div>

Bu özel merkezi sınıf tanımlanmış olması gerektiğini unutmayınsonrabootstrap css. !important kullanabilirsin ama tavsiye değil.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BlackBoxTV

    BlackBoxTV

    7 Mayıs 2007
  • RFS Dan

    RFS Dan

    22 Temmuz 2014
  • Thom Hall

    Thom Hall

    24 Kasım 2006