Bootstrap: Akışkan düzenindeki sabit oluk genişliği?

Sıvı yerleşimini kullanırken [sol | içerik | sağ] ve [sol | içerik] veya [içerik | sağ] gibi farklı düzenlere sahip olmak istiyorum, "hücreler" arasındaki oluk da sıvıdır ve yüzde değerine sahiptir. Ancak, oluk için sol/sağ ve içerik alanları arasında 10px veya 20px gibi sabit bir genişliğe sahip olmak isterim.Bootstrap: Akışkan düzenindeki sabit oluk genişliği?

Bu çalışma nasıl yapılır? Zaten denedim ama her zaman çılgınca değişen elemanlar ile bitti.

kaynak

2012-03-16 burzum

Answered a question like this before, temelde çok kaç tane kenar çubuğunu bağlı ana konteyner dengelemek için sınıflar kümesi yaratıyordu indi ne şöyle:

CSS

.fixed-fluid { 
    margin-left: 240px; 
} 
.fluid-fixed { 
    margin-right: 240px; 
    margin-left:auto !important; 
} 
.fixed-fixed { 
    margin: 0 240px; 
}

Demo, here dosyasını düzenleyin.

kaynak

2012-03-16 14:42:56

Demo, ana içerikte 3 sütunu da sıvı yerine yalnızca 20px'lik bir oluğa sahip olmak için nasıl yapabilirim? Tahmin ettiğim kenar çubukları için yukarıda gösterilen teknikle aynı mı? Bu hafta sonu onunla oynamak için gidiyor. Temel olarak, birkaç sıvı sütununun nasıl olacağını anlamak istiyorum ama içeriklerini sabit bir oluk alanı var. – burzum

@burzum im confused, nasıl sabit bir konteynır alırsınız? Şu anki yolun tersine mi? Her yerde 20px oluk var, eğer '.fixed-fixed' sınıfına bakarsanız, 'margin: 0 240px;', kenar çubuklarının genişliği 220px, artı 20px (toplam) olarak ayarlandığını görebilirsiniz. Ana kapsayıcıyı çevrelediğini gördüğünüz oluk oluşturmak için 240 piksel) kenar boşluğu. –

Bootstrap: Akışkan düzenindeki sabit oluk genişliği?

cevap

İlgili konular