Как да замените системните стилове на Bootstrap
Необходима е помощ. Да вземем един частен случай.Bootstrap v4.0.0-beta.
Свързах това означава навигационна лента:
В стиловете по подразбиране класът .navbar има подплата: .5rem 1rem; които са в_navbar.scss:18.
Всъщност въпросът е:как мога да добавя/променя/премахвам тези отстъпи без да използвам правилото !important в style.css, който създадох? Възможно е да се обясни като за чайник, тъй като аз абсолютно не съм силен в Saas и подобни неща)
P.S. Не изтегляйте изходните кодове на CSS и не правете редакции в тях, някак си това изобщо не е comme il faut.
Не докосвайте bootstrap файловете. Заменете с един от 2 метода: 1) Свържете вашия css под bootstrap, напишете в него например
Това ще замени подложката в целия bootstrap
2) Добавете вашия клас в края:
След това правите същото, добавяйки към вашия css под bootstrap:
Това ще замени естествените стилове за стартиране само на едно място.
Методът е добър за прости ситуации. Но в по-сложни ситуации вероятно все пак ще трябва да редактирате и изграждате наново SASS източниците.
Пример от реалния живот: Искам да сменя цветовата схема на bootstrap - добре, всички тези бутони и всичко това. Предефинирайте всички цветове отгоре - отегчете се! Факт е, че макар самите цветя да са малко, те се използват на няколкостотин места. И това не е хипербола, всъщност няколкостотин. Различни елементи, да, умножават се по типове (първичен, вторичен, опасност. ), но умножават се по куп състояния (задържане, активно, забранено, само за четене. ) - можете да полудеете.