Twitter BootStrap - изменение свойств CSS

Я использую twitter bootstrap, и мне нужно изменить основные визуальные эффекты фреймворка, такие как элемент формы и т. Д. Хорошая практика - переписать все стили снова в styles.css или изменить bootstrap.css и изменить стили напрямую.

Есть ли какой-нибудь учебник, который учит, как настроить LESS для Bootstrap и использовать его?


person Harsha M V    schedule 09.11.2012    source источник


Ответы (3)


См. Рекомендации по настройке Twitter Bootstrap относительно настройки и МЕНЬШЕГО с Twitter Bootstrap.

В общем, я бы не рекомендовал напрямую изменять ваш файл bootstrap.css, потому что это затруднит редактирование в будущем, если / когда основной css будет обновлен разработчиками начальной загрузки. Вместо этого просто имейте вторую таблицу стилей, на которую ссылаются после начальной загрузки css. Добавьте туда свои переопределения / модификации, например:

<link rel="stylesheet" href="css/bootstrap.min.css" media="screen"/>
<link rel="stylesheet" href="css/my_styles.css" media="screen"/>

Конечно, для повышения производительности подумайте о том, чтобы объединить их и использовать как единое целое, чтобы уменьшить количество HTTP-запросов.

person technoTarek    schedule 09.11.2012

Вы можете сделать это на шаге 3 на странице настройки Boostrap ...

http://twitter.github.com/bootstrap/customize.html

person Ryan McDonough    schedule 09.11.2012

Вы можете зависеть от своих требований. Если вы хотите изменить все значения формы на своем веб-сайте, вы можете изменить файл начальной загрузки. иначе вы можете создать еще один файл с именем style.css и написать код css, используя определенные классы.

Это руководство может быть вам полезно
Link1,
< a href = "http://www.quora.com/Bootstrap-front-end-framework/Are-there-any-good-tutorials-on-using-Twitter-Bootstrap#" rel = "nofollow"> Link2

person Selvamani    schedule 09.11.2012