Buduję aplikację internetową, w której ustawiłem domyślny kolor na granatowy za pomocą css. Ale kiedy dodałem do swojej strony strony z twitterami bootstrap, nie znalazłem swojego granatowego koloru, zamiast tego znalazłem biały kolor tła dostarczony przez twitter bootstrap.Jak zmienić domyślny kolor tła białego na coś innego w programie Twitter bootstrap
Moje zapytanie dotyczy tego, jaką część css zmienić w bootstrapie, aby zmienić tło mojej strony.
Możesz zastąpić domyślny kod CSS Bootstraps, dodając własne reguły.
<style type="text/css">
body { background: navy !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
</style>
Nie polecam zmiany rzeczywistych plików CSS programu startowego. Jeśli nie chcesz używać pierwszego rozwiązania Asa, możesz utworzyć niestandardowy arkusz stylów początkowych z jednym z dostępnych generatorów motywów Bootstrap (Bootstrap theme generators). W ten sposób możesz użyć 1 arkusza stylów ze wszystkimi domyślnymi plikami CSS Bootstrap z jedną tylko zmianą. Z generatorem motywów Bootstrap nie trzeba pisać żadnych CSS. Musisz tylko ustawić wartości szesnastkowe dla koloru, który chcesz dla ciała (rusztowanie; bodyBackground).
Można po prostu dodać tę linię do pliku bootstrap_and_overides.css.less
body { background: #000000 !important;}
to wszystko
używam cdn boostrap, rozwiązanie, które znalazłem: pierwsze obejmują CDN bootstrap, następnie dołączasz plik .css, w którym edytujesz domyślne style bootstrap.
Musisz zastąpić domyślne ustawienie początkowe, ponieważ jest nieco bardziej specyficzny. Spróbuj na czarnym tle:
html body {
background-color: rgba(0,0,0,1.00);
}
Czy ktoś może wyjaśnić, dlaczego kod koloru szesnastkowego nie działał, ale format rgba zrobił w moim przypadku dokładnie ten sam CSS? – Annjawn
Dodaj własny plik .css & umieścić w nim:
body{
background: navy;
}
Ważne: Przy tym pliki CSS w html, css pierwszy obejmują cdn startowej, następnie dołącz tylko własny plik .css. W ten sposób stylizacje w twoim własnym pliku css nadpisują domyślne zachowanie z bootstrap css.
Nie jest zalecane, aby zastąpić plik bootstrap, tylko w lokalnej użytku style.css
body {background: Twój kolor ważne;
tutaj ! Ważne deklaracja nadpisania wartości ładowania początkowego.
jak zmienić kolor tła w html & css z klasą
przykład:
na html piszesz
<div class="pad_menu">
</div>
na css
.pad_menu {
padding: 100px;
background-color: #A9FFCB;
}
więc tło będzie przejdź do Magic Mint, jeśli chcesz znać kod o f kolor, proponuję odwiedzić https://coolors.co. Nadzieję, że to przydatne :)
Masz na myśli kolor ciała? –
Yeap @AndresIlich –
Co próbowałeś do tej pory? Wydaje się to dość prostym zadaniem, jeśli masz własny arkusz stylów pracujący w parze z arkuszem stylów ładowania. –