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

  • FF Radio

    FF Radio

    16 Mayıs 2008
  • Krumme1996

    Krumme1996

    21 EYLÜL 2009
  • SolidWorksTutoriels

    SolidWorksTu

    14 Kasım 2013