SORU
17 EYLÜL 2013, Salı


Neden Bootstrap 3 kutu boyutlandırma geçiş yaptı: border-box?

V2 Bootstrap temalar göç değilim.3.V3 için 2.0.Ve fark ettiğim bir şey 0 boyutları çok farklı, bootstrap aşağıdaki stilleri nedeniyle hesaplanan.css.

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

Herkes Bootstrap border-box için tüm elemanları box-boyutlandırma anahtarları neden açıklayabilir mi? Yeni ızgara sistemi yüzde tabanlı olması ile ilgisi olduğunu düşünüyorum, ama seçici yukarıda sadece ızgara elemanları belli ki geçerli değildir.

Anlaşılan biraz radikal ımho :-)

Herkes biraz fikir verir misiniz?

CEVAP
17 EYLÜL 2013, Salı


Sana NOT: (http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/)

Varsayılan olarak daha iyi kutu modeli. Box-boyutlandırma alır Bootstrap her şey: border-box, boyutlandırma seçenekleri ve daha kolay bir hale gelişmiş ızgara sistemi.

Kişisel en kar(s) kılavuz için olduğunu düşünüyorum. Twitter Bootstrap tüm kılavuz sıvı vardır. Sütunlar, toplam nüfusun yüzdesi olarak tanımlanır. Ama oluk piksel cinsinden sabit bir genişlik var. Sütun her iki tarafında varsayılan 15px bir dolgu. Piksel ve yüzde olarak genişliği kombinasyonu karmaşık olabilir. Sınır-box bunu hesaplamak kolay neden: border-box değeri (karşıt olarak içerik kutusu varsayılan) yaptığı son işlenen kutusu ilan genişlik ve herhangi bir sınır ve dolgu kesilmiş kutunun içinde.(http://css-tricks.com/box-sizing/)

Ayrıca okuyun: http://www.paulirish.com/2012/box-sizing-border-box-ftw/

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • CorridorDigital

    CorridorDigi

    17 Mayıs 2010
  • Jimmie Jones

    Jimmie Jones

    16 Kasım 2007
  • Ty Moss

    Ty Moss

    20 Kasım 2007