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

  • Baby Big Mouth

    Baby Big Mou

    5 Mart 2013
  • cosmicrocketman

    cosmicrocket

    17 NİSAN 2006
  • hoorahjencar

    hoorahjencar

    6 HAZİRAN 2007