Как получить только чувствительную сетку от Bootstrap 3?

Мне нужно добавить функции адаптивного дизайна в мое веб-приложение с помощью Twitter Bootstrap. Я просто хочу адаптивного поведения, меня не интересует типография, компоненты или любые другие вещи, включенные в Bootstrap.

Я получил настроенную версию Bootstrap, просто выбрав систему сетки. Однако, когда я добавляю сгенерированный CSS в свое приложение, все мои стили портятся (заголовок, ссылки и другие). Почему это происходит? Как я могу получить Bootstrap CSS только с сеткой? Я хотел бы избежать ручной модификации файлов Bootstrap.

Ответ 1

Перейдите в http://getbootstrap.com/customize/ и переключите только то, что вы хотите от рамки BS3, а затем нажмите "Скомпилировать и загрузить", и вы получите CSS и JS, которые вы выбрали.

Откройте CSS и удалите все, кроме сети. К ним относятся некоторые нормализованные вещи тоже. И вам нужно будет настроить все стили на вашем сайте на размер окна: border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

Ответ 2

Оформить заказ zirafa/bootstrap-grid-only. Он содержит только загрузочную сетку и отзывчивые утилиты, которые вам нужны (нет reset или что-то еще), и упрощает сложность работы непосредственно с МЕНЬШИЕ файлы.

Ответ 3

Просто выберите Grid system и "отзывчивые утилиты" он дает вам следующее: http://jsfiddle.net/7LVzs/

Ответ 4

Создана сборка Grunt с сеткой Bootstrap 3.3.5:

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

~ 10KB сведено к минимуму.

Если вам нужны другие части из Bootstrap, просто включите их в/src/less/bootstrap.less.

Ответ 5

Я бы предложил вместо этого использовать MDO http://getpreboot.com/. Начиная с v2, preboot обратные порты LESS mixins/variables, используемые для создания Grid-системы Bootstrap 3.0, намного легче, чем использование генератора CSS. На самом деле, если вы включаете только preboot.less, нет никаких накладных расходов, потому что весь файл состоит из mixins/variables и поэтому используются только в предварительной компиляции, а не в конечном результате.

Ответ 6

Похоже, теперь вы можете загрузить только сетку с помощью новых функций загрузки Bootstrap 4s.

Ответ 7

Прошло много времени с тех пор, как этот вопрос был задан, но, возможно, теперь вы можете вообще отказаться от Bootstrap и использовать CSS Grid! (это проще, аккуратнее, гибче и быстрее). Посмотрите эту классную статью: Прекратите использовать Bootstrap - создайте практичный шаблон CSS Grid для вашего пользовательского интерфейса на основе компонентов