Как дополнить стандартный css класс не перекрывая его?
Я в верстке только начинаю разбираться, поэтому возник следующий вопрос.
Дано: bootstrap Задача: приклеить footer вниз страницы. Решение: Хочу сделать у стиля body свойство margin-bottom: *высота футера*px;
По дефолту в bootstrap'e данное свойство равно нулю. Я понимаю, что могу его изменить на нужное мне, но мне кажется, что править стандартные классы фреймворка это плохо? (поправьте, если ошибаюсь).
В этом случае нужно писать свой класс и копировать то, что меня устраивает в стандартной реализации и добавлять свою? Если да, то как сделать так, чтобы мой класс не перекрывал стандартный, а дополнял?
Если есть другие способы - буду рад узнать!
Спасибо.
Вот посмотрите на пример: jsfiddle.net/IonDen/x6psd6bh
Когда вы объявляете новый класс с тем же именем, вы не перезаписываете предыдущий, а только дополняете его, либо переопределяете какие-то свойства в нём. Именно по этой стратегии работают все дополнения и темы для бутстрапа и вы действуйте так же.
Спасибо!
А скажите, как лучше компоновать и структурировать свои классы? (сейчас это выглядит кашей).
Или мне не понадобится структура, потому что с CSS файлами в основном работают по поиску?
Viktor Gubanov: лучше всего использовать один из популярных препроцессоров. Тот же бутстрап в актуальной версии работает на LESS, а в будущем переезжает на SASS. Так что берем препроцессор, берем одну из систем сборки вроде Grunt/Gulp. Создаем папочку с проектом, разбиваем на сколь угодно мелкие папки и субдеректории и работаем.
Допустим есть класс бутстраповский .button, что бы его изменить, создаёте в своём css (main.css например) класс .button и изменяете цвет, размеры и т.д, просто править всё это нужно в своём CSS файле, а не в бутстраповском.
Простой
Простой
Средний