Jak uzyskać tylko responsywną siatkę z Bootstrap 3?

Muszę dodać funkcje projektowania responsywnego do mojej aplikacji internetowej za pomocą Twitter Bootstrap. Chcę tylko responsywnego zachowania, nie interesuje mnie typografia, komponenty ani żadne inne rzeczy zawarte w Bootstrap.

Dostałem dostosowaną wersję Bootstrap po prostu wybierając system siatki. Jednak kiedy dodaję wygenerowany CSS do mojej aplikacji, wszystkie moje style są pomieszane (nagłówek, linki i inne). Dlaczego tak się dzieje? Jak mogę uzyskać Bootstrap CSS tylko z systemem grid? Chciałbym uniknąć ręcznej modyfikacji plików Bootstrap.

Idź do http://getbootstrap.com/customize/ i przełącz dokładnie to, co chcesz z frameworka BS3, a następnie kliknij „Kompiluj i pobierz”, a otrzymasz CSS i JS, które wybrałeś.

Otwórz CSS i usuń wszystko oprócz siatki. Zawierają też pewne elementy normalizujące. I musisz dostosować wszystkie style w swojej witrynie do rozmiaru pudełka: border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

Zamówienie zirafa / bootstrap-grid-only . Zawiera tylko siatkę bootstrap i responsywne narzędzia , których potrzebujesz (bez resetowania lub cokolwiek) i upraszcza złożoność pracy bezpośrednio z plikami LESS .

Po prostu wybierz Grid systemi „responsywne narzędzia”, które daje to: http://jsfiddle.net/7LVzs/

Utworzono kompilację Grunt tylko z siatką Bootstrap 3.3.5:

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

~ 10 KB zminimalizowane.

Jeśli potrzebujesz innych części z Bootstrap, po prostu umieść je w /src/less/bootstrap.less.

Sugerowałbym zamiast tego użycie http://getpreboot.com/ MDO . Od wersji 2 prebootprzenosi MNIEJ miksów / zmiennych używanych do tworzenia systemu Bootstrap 3.0 Grid i jest znacznie lżejszy niż użycie generatora CSS. W rzeczywistości, jeśli włączysz tylko, preboot.lessnie ma ŻADNEGO narzutu, ponieważ cały plik składa się z miksów / zmiennych i dlatego jest używany tylko podczas wstępnej kompilacji, a nie ostatecznego wyniku.

Wygląda na to, że możesz teraz pobrać tylko siatkę dzięki nowym funkcjom pobierania Bootstrap 4s.

Minęło trochę czasu, odkąd zadano to pytanie, ale może teraz możesz całkowicie zrezygnować z Bootstrap i użyć siatki CSS! (jest prostszy, schludniejszy, bardziej elastyczny i szybszy). Zobacz ten fajny artykuł: Przestań używać Bootstrap - utwórz praktyczny szablon CSS Grid dla interfejsu użytkownika opartego na komponentach

W Bootstrap 4 istnieją już oddzielne pliki w ich GitHubie. Znajdziesz je tutaj

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