SORU
16 Mart 2012, Cuma


Ayarı max vücut Bootstrap kullanarak genişliği

Twitter Bootstrap ile yaptığım ilk site bina ve sıvı düzenleri ile deneme. Benim kap sıvı olması için kurdum, şimdi içerik içinde tam sayfa genişliği alır ve bir yeniden boyutlandırma tarayıcı uyum sağlar.

Üzerinde çalıştığım tasarım ~950px maksimum genişlik için oluşturuldu.

variables.less responsive.less ve Bootstrap belgelere baktım, oldukça bunu yapmak için nasıl çözemiyorum. Ben de şunları eklemek benim için style.css çalıştı:

body {
    max-width: 950px;
}

CEVAP
3 AĞUSTOS 2012, Cuma


Bootstrap-duyarlı @media (max-width:1200px) ... kaldırarak değiştirmek zorunda değilsin

Benim uygulama 1600px max-width vardır. Bu benim için çalıştı:

  1. Bootstrap-özel oluşturun.- mümkün olduğunca, orijinal bootstrap css geçersiz kılmak istemiyorum css.

  2. İçinde özel bootstrap.css bu kodu ekleyerek konteyner-sıvı geçersiz kılma:

/* set a max-width for horizontal fluid layout and make it centered */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px; /* or 950px */
}

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • GoldgenieOfficial

    GoldgenieOff

    23 Temmuz 2009
  • Joshua Bane

    Joshua Bane

    24 Temmuz 2007
  • NicoleGrippo

    NicoleGrippo

    14 Kasım 2006