Используя Twitter Bootstrap, вы загружаете и начинаете вносить изменения непосредственно в библиотеки CSS?

Question

Я скачал Twitter Bootstrap и ознакомился с инструкциями Дэвида Кохрана по веб-разработке Twitter Bootstrap. Все отлично, теперь у меня есть индивидуальный дизайн, который я хочу наилучшим образом интегрировать с Bootstrap.

Каков наилучший подход к интеграции индивидуального дизайна с библиотеками начальной загрузки Twitter?

1) Пойду ли я по http://twitter.github.io/bootstrap/customize.html и попытаюсь угадать, какие библиотеки я буду использовать, загружать и работать с этим?

2) Работаю ли я с исходными файлами целиком, а затем пытаюсь сократить то, что не используется? Оригинальный bootstrap.css состоит из 6000 строк.

3.) Должен ли я начать с минимальной библиотеки и вручную добавить ее по мере необходимости?

4.) Должен ли я даже вносить прямые изменения в их библиотеки? Как у класса.thumbnails есть граница, я не хочу границы. Перезаписать ли я другим CSS-файлом или отредактировать исходную строку в классе bootstrap.css.thumbnails?

Answer 1

Самый простой способ - переопределить стили Bootstrap с помощью собственного CSS (ваш вариант № 4). Ваши стили CSS могут быть определены в отдельном файле CSS или <style></style> разметка, которая следует за bootstrap.css в вашем HTML...

.thumbnails {
  border:0;
}

Другой способ - создать пользовательскую сборку Bootstrap CSS (ваш вариант № 1) с помощью инструмента http://twitter.github.io/bootstrap/customize.html. Недостатком этого является ограничение генератора и поддержка собственной сборки.

Наконец, есть LESS, язык динамических таблиц стилей, который компилируется в CSS. LESS поддерживает возможность вкладывать селекторы и создавать переменные. Вы найдете более обширную ветку о LESS здесь: рекомендации по настройке Twitter Bootstrap.

Если размер файла или производительность является проблемой, ознакомьтесь с BootstrapCDN http://www.bootstrapcdn.com/ который обслуживает комбинированную Bootstrap, свернутую с CDN. CDN обслуживает Bootstrap в Bootply, который я создал для тестирования, создания прототипа и настройки Bootstrap.

Удачи!