SORU
4 ŞUBAT 2012, CUMARTESİ


Twitter kullanarak eşit sütun yüksekliği Nasıl 2.0 - bootstrap?

Bootstrap 2.0 yapmak için herhangi bir yardımcıları var .span1, .span2 .... .span12 yüksekliği eşit. Html bu tip iç içe oldum

<div class='container'>
  <div class='row'>
    <div class='span2'>
      <div class='well'>
        XXXX
      </div>
    </div>
    <div class='span2'>
      <div class='well'>
        XXXX
        XXXX
      </div>
    </div>
    <div class='span2'>
      <div class='well'>
        XXXX
        XXXX
        XXXX
      </div>
    </div>
  </div>
</div>

Her şey mümkünse aynı boyda bitirmek istiyorum?

CEVAP
22 Aralık 2012, CUMARTESİ


İşte duyarlı bir CSS çözümü, büyük bir dolgu ekleme ve her sütun için aynı derecede büyük negatif bir marj göre, tüm satır taşma gizli bir sınıfta sarma.

.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#ffc;
}

.col-wrap{  
    overflow: hidden;   
}

jsFiddle o çalışma görebilirsiniz

Edit

Bir soru, burada eğer yükseklik wells eşit veya yüksekliği sütun eşit ihtiyacınız varsa bir varyasyon yuvarlatılmış köşeli yanıt olarak: http://jsfiddle.net/panchroma/4Pyhj/

Edit

Bir soru, işte 3, aynı prensip, sınıf adları güncelleme Bootstrap aynı tekniği Bootstap kılavuzunda yanıt olarak: http://jsfiddle.net/panchroma/bj4ys/embedded/result/

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Chip Johnson

    Chip Johnson

    30 AĞUSTOS 2007
  • listedabive

    listedabive

    30 Ocak 2007
  • Slave Boy Films - Fandom from a Galaxy Far Far Away

    Slave Boy Fi

    12 HAZİRAN 2009