Bootstrap hakkında ilginç bir sorum var.Bootstrap - 1. ızgara ve 12. ızgara kolonları 20px ile sınırlandırılabilir mi?
Ben 1 ızgara olacak yani benim düzen, 12 ızgaraları tarafından bölünecek bu gerekli olduğunu bir margin-left aşağıda gösterildiği gibi, 20px bir marj-hakkına sahip olacaktır 20px ve 12. ızgaranın:
Bu mümkün mü? Eğer öyleyse, bana nasıl uygulanacağını gösterir misiniz?
Özyükleme ızgara specifically designed olmuştur diyor bunun için belirli css ayarlayabilirsiniz Böylece container, row ve col-* hepsi birlikte çalışır. En dıştaki sütunların dışındaki boşlukları değiştirmek isterseniz, bunun yerine row kenar boşluğunu değiştirin. Kap 15px'lik bir dolguya sahip olduğundan ve satırın -15px'lik bir negatif marjı olduğundan, her bir row'un etkin marjı 0'dır. Daha sonra her sütunda 15px'lik dolguyu hesaba katarsınız. Yani ... 5px böyle negatif satır marjı artıracak, her satırın dışında 20px bunu artırmak
.row.margin-custom {
margin-left:-10px;
margin-right:-10px;
}
Bootstrap'te, sütunlar kenar boşlukları yerine dolgulara sahiptir. Ancak, ilk ve son sütununuza kenar boşluğu eklemek istiyorsanız. Sadece aşağıdakileri ekleyin:
div[class^="col-"]:first-child {
padding-left: 20px;
}
div[class^="col-"]:last-child {
padding-right: 20px;
}
örnekle yukarıda, önyükleme col sınıfların "col-" bölümünü kapsar ilk ve son div bu marjları olsun. Bu çözümle, örneğin "col-sm-9", "col-md-2" veya "col-lg-4" kullanmanız fark etmez.
İyi şanslar! Chris
Bu yaklaşım, Bootstrap kılavuzunu kıracaktır: http://bootply.com/Kmiyq8pBts – ZimSystem
Kenar boşluğunu değiştirmek için kenar boşluğunu değiştirin. Dolgu, ızgarayı kırmayacaktır. Yukarıdaki cevabı ayarlayacağım. –
Maalesef col padding ayarları aynı zamanda ızgarayı da kıracaktır. Kodlar dikey olarak yığıldığında düzeni küçük ekranlarda kırıyor. Ayrıca ofsetler, sipariş ve sütun sarma ile çalışmaz. – ZimSystem
Bunu özelleştirmenizi öneririm. Ama ne istediğinden emin değilim. Bootstrap'in, div öğesinin sarıcı olarak davranması için Container sınıfına sahip olması Burada test edin LayoutIt.
Eğer Customize Bootstrap
dilediğiniz gibi sınıfların varsayılan marjı ve dolgu özelleştirebilirsiniz Yoksa varsayılan davranışını değiştirmek için istemiyorsun eğer Chris
Sorular konu dışı yığın taşması yığın taşması –
Merhaba Paulie içindir. Sorum şu gerçek ve hiçbir doğrudan cevap bulamadım. Bu yüzden soruyorum. Soruma doğrudan bir cevap verebilir misiniz? – EVH671
Mümkün mü ... Evet! AMA en azından bunu kendiniz için kodlamayı denemeniz bekleniyor. Yığın Taşması bir kod yazma hizmeti değildir. Google üzerinden veya SO arayarak, bir girişimde bulunun ve ek araştırmalar yapmanızı öneririm. Eğer hala sorun yaşıyorsanız, ** kodunuzla geri dönün ve neleri denediğinizi ve neden çalışmadığını açıklayın. –