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

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ı:

Bootstrap-özel oluşturun.- mümkün olduğunca, orijinal bootstrap css geçersiz kılmak istemiyorum css.
İç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ş: