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

  • ipsy

    ipsy

    1 EKİM 2012
  • Jeremy Gallman

    Jeremy Gallm

    11 NİSAN 2012
  • TheDigiCraft

    TheDigiCraft

    25 NİSAN 2011