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

  • gsmaestro

    gsmaestro

    17 AĞUSTOS 2006
  • Showtime

    Showtime

    21 HAZİRAN 2006
  • undrmyumbrellaa

    undrmyumbrel

    25 Temmuz 2012