Jak napisać klasę, Bootstrap

Question

Mam taką klasę:

class="btn btn-danger"

Czy da się podpiąć pod to trochę swojego stylu, bezpośredni w <style></style>, jak to zapisać?

 

Answer 1

Z zewnętrznego pliku do danego elementu możesz, jeśli dołączasz pliki do HTML, jeśli np stylizować chcesz bezpośrednio w tym samym htmlowym pliku to : 

// w sekcji HEAD w pliku HTML 
 <style>
        .btn.btn-danger {
            background-color: #ff0000; /* Przykładowy kolor tła */
            color: #ffffff; /* Przykładowy kolor tekstu */
        }
    </style>

taki styl odnoszący się po identyfikatorze "." oznaczającym klase i jej nazwie stylizujesz dane elementy wspólne klasie.

W sekcji np. HEAD w HTMLowym pliku możesz napisać styl, który coś dodaje do klasy- stylizując ją np. 

 

Answer 2

Zależy co chcesz zmienić bo możesz utworzyć dodatkową klasę i dopisać ją do buttona jak również możesz zrobić na zasadzie edycji samej klasy w plikach bootstrapa.
 

https://codepen.io/animavillis/pen/MWxyjRL

 

Możesz również nauczyć się z ich dokumentacji edytować style i następnie je skompilować :)
https://getbootstrap.com/docs/5.0/customize/overview/

Comments

Chodziło mi o przechwycenie klasy, jak to opisał Wiciorny ") dzięki dokumentacja, też się przyda

---

a patrzyłeś na codepen?
tam masz żywy przykład jak możesz użyć i to dokładnie to samo :)

Answer 3

Do tego co już napisano, możesz tez dodać po prostu swoją klasę:

<style>
  .my-btn-danger { 
    /* Twoje ostylowanie */
  }
</style>

<button class="btn btn-danger my-btn-danger"></button>