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

  • John Lynn

    John Lynn

    8 Ocak 2010
  • KarnasCamillo

    KarnasCamill

    24 EKİM 2007
  • thelonelyisland

    thelonelyisl

    23 Aralık 2005