Robię moje pierwsze kroki z Bootstrap na Twitterze i potrzebuję rozszerzyć komponenty. Na przykład, chcę zmienić tło paska nawigacyjnego, ale bez zmiany oryginalnego pliku css. I inne modyfikacje. próbuję utworzyć nową klasę (.test) z nowym tle:Jak rozszerzyć klasy bootstrap?
.test{
background-color: red !important;
}
And invoques w HMTL:
<div class="navbar navbar-fixed-top test">
Ale nie działa. Jak to zrobić? i więcej .... Jakieś pomysły?
Istnieje kilka sposobów, aby dostosować/przebiegają zajęcia Bootstrap które są omawiane tutaj: Twitter Bootstrap Customization Best Practices
Jeśli zamierzają zastąpić style boostrap z własnego niestandardowego CSS należy unikać !important jak to jest na ogół złe ćwiczyć.
W przypadku navbar, element który ma background-color jest navbar-inner tak, że chcesz nadpisać tak:
.test .navbar-inner{
background-color: red;
}
klienta navbar przykład: http://bootply.com/61032
> Istnieją dwa sposoby ... Czy chodziło Ci o "Istnieją 2 sposoby ..." lub "Jest zbyt mało sposobów ..."? Właśnie sprawdzam, więc poprawnie rozumiem tę odpowiedź. – samjewell
nie moje dzieło odpowiedź ? Widzę, że zadałeś kolejne pytanie na temat zastąpienia CSS Bootstrap: http://stackoverflow.com/questions/17355943/change-vertical-divider-navbar – ZimSystem
Powinieneś zaakceptować odpowiedź, aby inni wiedzieli, że została rozwiązana. – ZimSystem