it-swarm.dev

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

Muszę dodać elastyczne funkcje projektowania do mojej aplikacji internetowej za pomocą Twitter Bootstrap. Chcę po prostu reagować na zachowanie, nie interesuje mnie typografia, komponenty ani żadne inne elementy zawarte w Bootstrap. 

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

Dzięki!

96
Manuel Zapata

Idź do http://getbootstrap.com/customize/ i przełącz tylko to, co chcesz ze struktury BS3, a następnie kliknij „Kompiluj i pobierz”, a otrzymasz wybrany CSS i JS.

Bootstrap Customizer

Otwórz CSS i usuń wszystkie oprócz siatki. Obejmują one także niektóre rzeczy normalizujące. I będziesz musiał dostosować wszystkie style na swojej stronie do rozmiaru pudełka: border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

142
Christina

Checkout zirafa/bootstrap-grid-only . Zawiera tylko potrzebne narzędzia bootstrap grid i responsive, których potrzebujesz (bez resetowania lub cokolwiek), i upraszcza complexity pracy bezpośrednio z plikami LESS.

16
burrbrown

Po prostu wybierz Grid system i „responsywne narzędzia” Daje to: http://jsfiddle.net/7LVzs/

7
Jmorvan

Wykonano 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 dołącz je do /src/less/bootstrap.less.

4
horgen

Wygląda na to, że możesz teraz pobrać tylko siatkę na nowe funkcje pobierania Bootstrap 4s.

1
Richard Clifford

Sugerowałbym użycie MDO http://getpreboot.com/ zamiast. Począwszy od v2, preboot cofania portów miksery/zmienne LESS używane do tworzenia Bootstrap 3.0 Grid System i są znacznie bardziej lekkie niż użycie generatora CSS. W rzeczywistości, jeśli dołączymy tylko preboot.less, to nie ma narzutu, ponieważ cały plik składa się z miksów/zmiennych i dlatego są one używane tylko w prekompilacji, a nie w końcowym wyniku.

1
srquinn

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

0
Alex Firebrand