Як перевизначати системні стилі Bootstrap
Потрібна допомога. Візьмемо окремий випадок.Bootstrap v4.0.0-beta.
Підключив я означає navbar:
У стилях за замовчуванням у класу .navbar йдуть відступи padding: .5rem 1rem; які знаходяться у_navbar.scss:18.
Власне питання:як мені додати/змінити/видалити ці відступи, не використовуючи у створеному мною style.css правило !important? Можна як для чайника пояснити, тому що в Saas і подібних речах абсолютно не сильний.
P.S. Не завантажувати ж вихідники CSS і в них робити редагування, якось це не комільфо ж зовсім.
Файли бутстрапа не чіпати. Перевизначити одним із 2 методів: 1) Підключити свій css нижче бутстрапа, в ньому написати наприклад
Це перевизначить відступи у всьому бутстрапі
2) Додати свій клас наприкінці:
Далі робите те саме, у свій css нижче бутстрапу додаєте:
Це перевизначить рідні бутстраповські стилі лише в одному місці.
Метод хороший для простих ситуацій. Але в ситуаціях складніше, ймовірно, таки доведеться правити і перезбирати SASS-вихідники.
Приклад із життя: я хочу змінити колірну гамму бутстрапа - ну ось ці всі кнопочки і таке інше. Перевизначити всі кольори поверх - задовбаєш! Справа в тому, що самих квітів там хоч і небагато, але використовуються вони в кількох сотнях місць. І це не гіпербол, реально кілька сотень. Різні елементи, та помножити на типи (primary, secondary, danger. ), та помножити на купу станів (hover, active, disabled, readonly. ) - Це чокнутися можна.