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

Я загрузил 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?


twitter-bootstrap libraries customizing
person John    schedule 26.05.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Самый простой способ — переопределить стили 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.

Удачи!

person Zim    schedule 26.05.2013