bootstrap css'e müdahale

bootstrap.css kütüphanesini kullanıyorum fakat, bazı yerlerinde değişiklik yapmam gerekiyor örneğin,

varsayılan olarak focus özelliğinin değerlerini değiştirmek istiyorum.
html dosyamda ilgili yerlere aynı isimde style özelliği veriyorum !important değeri veriyorum ama yine benim belirlediğim özellikler aktif olmuyor.

eğer bootstrapta tanınmış özelllik yoksa yazdıklarım çalışıyor ama tanımlanmış özellikleri istediğim gibi değiştiremiyorum.


.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #d9372e;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);

Direkt bootstrap.css üstünden değiştir?

evet o şekilde oluyor ama ben test aşamasında daha pratik çözüm arıyorum.

Bootstrap üstünden form-control e ait özellikleri alıp kendi css inde ismini ve özelliklerini değiştirip te kullanabilirsin. form-control2 gibi mesela.

o şekilde sağlıklı olacağını düşünmüyorum çünkü örneğin sadece form-control:focus için değişiklik yapacağım.. eğer bu ismi değiştirirsem, form-control ile ilgili tüm kalan özellikleri de bulup ayrıca onları da eklemem gerekir ve fazlasıyla iş çıkarır.

css dosyalarınızı sayfaya eklerken bootstrap.css'ten önce eklenmiş olabilir. Eğer öyleyse kendi dosyalarınızı bootstraptan sonrs ekleyin düzelir.

işte aradığım cevap teşekkür ederim hocam.

Rica ederim hocam kolay gelsin

bir custom css yazarak bootstrap teki cssleri ezebilirsin.