SORU
30 AĞUSTOS 2013, Cuma


Giriş Bootstrap 3 genişlikleri

Güncelleme:Bu soru hakkında çünkü açık kalırbuilt-inkılavuz (bazen bağımsız olarak yönetilen olmak zorunda) başvurmadan giriş genişliğini yönetmek için BS işlevsellik. Ben zaten özel sınıflar bu, temel bir css değil yani bu yönetmek için kullanın. Görev BS feature discussion list ve henüz ele alınması gerekiyor.

Orijinal Soru: Herkes BS 3 giriş genişliğini yönetmek için bir yol bulmak mı? Şu anda bazı özel sınıflar işlevselliği eklemek için kullanıyorum ama olmayan bazı belgelenmiş seçenekleri Gözden kaçırmış olabilirim.

Geçerli belgeler kullanmak demek .ancak o zaman Düzen/şamandıra sorunları her türlü neden olan bir kapsayıcı div uygulanabilir olarak işe yaramadığı çok açık olan col-lg-x ama.

İşte bir keman. Keman bile formu-grup yeniden boyutlandırmak için alamıyorum çok garip.

http://jsfiddle.net/tX3ae/

<form role="form" class="row">
    <div class="form-group col-lg-1">
        <label for="code">Name</label>
        <input type="text" class="form-control">
    </div>

    <div class="form-group col-lg-1 ">
        <label for="code">Email</label>
        <input type="text" class="form-control input-normal">
    </div>

    <button type="submit" class="btn btn-default">Submit</button>
</form>
</div>

CEVAP
2 Kasım 2013, CUMARTESİ


Ne yapmak istediğinizi kesinlikle başarılabilir.

Ne sen her 'grup' bir satır, tek bir satır ile. bütün form sarın. Burada:

<div class="container">
    <h1>My form</h1>
    <p>How to make these input fields small and retain the layout.</p>
    <form role="form">
        <div class="row">
            <div class="form-group col-lg-1">
                <label for="code">Name</label>
                <input type="text" class="form-control" />
            </div>
        </div>

        <div class="row">
            <div class="form-group col-lg-1 ">
                <label for="code">Email</label>
                <input type="text" class="form-control input-normal" />
            </div>
        </div>
        <div class="row">
            <button type="submit" class="btn btn-default">Submit</button>
        </div>
    </form>
</div>

Yaptığım YENİ jsfiddle: NEW jsfiddle

Yeni keman da 'col-x'ler-5' küçük ekranlarda da gördüğünüz - izale hiç fark etmez. ekledim unutmayın Ama orijinal sınıflarda unutmayın, sadece kullandığınız 'col--1 lg'. Eğer ekran genişliği 'lg' medya boyutu sorgu, sonra varsayılan engelleme davranışları kullanılır. küçükse demek Temelde 'col-lg-1', istihdam sensin mantığı . sadece uygulayarak

IF SCREEN WIDTH < 'lg' (1200px by default)

   USE DEFAULT BLOCK BEHAVIOUR (width=100%)

ELSE

   APPLY 'col-lg-1' (~95px)

Daha fazla bilgi için Bootstrap 3 grid system bkz. Açık konuştum umarım.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Abe Olandres

    Abe Olandres

    16 EYLÜL 2006
  • BgirlNilaya

    BgirlNilaya

    29 EKİM 2008
  • majesticdubstep

    majesticdubs

    3 Kasım 2011