Bootstrap 3'ten yalnızca duyarlı ızgara nasıl elde edilir?

Twitter Bootstrap kullanarak web uygulamama duyarlı tasarım özellikleri eklemem gerekiyor. Sadece duyarlı davranışı istiyorum, tipografi, bileşenler veya Bootstrap'te yer alan diğer şeylerle ilgilenmiyorum.

Sadece grid sistemini seçen özelleştirilmiş bir Bootstrap sürümüne sahibim . Ancak, oluşturulan CSS'yi uygulamama eklediğimde, tüm stillerim karışıyor (başlık, bağlantılar ve diğerleri). Bu neden oluyor? Sadece grid sistemiyle nasıl bir Bootstrap CSS'si edinebilirim? Bootstrap dosyalarının manuel olarak değiştirilmesinden kaçınmak istiyorum.

Git http://getbootstrap.com/customize/ ve BS3 çerçevesi istediğiniz geçiş sadece ne ve ardından "Derleme ve indir" seçeneğini tıklayın ve size seçti CSS ve JS alırsınız.

CSS'yi açın ve ızgara hariç tümünü kaldırın. Bazı normalize şeyler de içerirler. Sitenizdeki tüm stilleri kutu boyutuna göre ayarlamanız gerekir: border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

Checkout zirafa / bootstrap-grid-only . Yalnızca ihtiyacınız olan önyükleme ızgarasını ve yanıt veren yardımcı programları içerir (sıfırlama veya herhangi bir şey) ve doğrudan LESS dosyalarıyla çalışmanın karmaşıklığını basitleştirir .

Sadece Grid system"duyarlı yardımcı programları" seçin ve size şunu sağlar: http://jsfiddle.net/7LVzs/

Yalnızca Bootstrap 3.3.5 ızgarasıyla Grunt derlemesi yapıldı:

https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid

~ 10KB küçültüldü.

Bootstrap'ten başka parçalara ihtiyacınız varsa, bunları /src/less/bootstrap.less içine dahil edin.

Bunun yerine YTB'nin http://getpreboot.com/ adresini kullanmanızı öneririm . V2 itibariyle prebootgeri bağlantı noktaları AZ Katmalar / değişkenler Bootstrap 3.0 Izgara Sistemi oluşturmak için kullanılan ve CSS jeneratör kullanarak çok daha hafiftir. Aslında, yalnızca eklerseniz preboot.less, HİÇBİR ek yük yoktur, çünkü dosyanın tamamı karışımlardan / değişkenlerden oluşur ve bu nedenle yalnızca ön derlemede kullanılır, nihai çıktıda kullanılmaz.

Öyle görünüyor ki artık Bootstrap 4s yeni indirme özelliklerinde sadece ızgarayı indirebilirsiniz.

Bu sorunun sorulmasının üzerinden epey bir zaman geçti, ancak belki artık Bootstrap'tan tamamen vazgeçebilir ve CSS Grid'i kullanabilirsiniz! (daha basit, daha temiz, daha esnek ve daha hızlıdır). Şu harika makaleye bakın: Bootstrap'i kullanmayı bırakın - bileşen tabanlı kullanıcı arayüzünüz için pratik bir CSS Izgarası şablonu oluşturun

Bootstrap 4'te, GitHub'larında zaten ayrılmış dosyalar vardır. Onları burada bulabilirsin

https://github.com/twbs/bootstrap/tree/main/dist/css