2013-12-08 15 views
5

Próbowałem już funkcji niestandardowej ze strony internetowej, ale wciąż daje mi błąd i próbowali Podstawową metodą też:Jak zmienić kolor tła twitter bootstrap

body {background-color:red;} 

więc, czy ktoś wie?

+0

Próbuję zbudować niestandardowe css, ale jest napisane: Ruh roh! Nie można zapisać pliku gist, konfiguracja nie została zapisana. – betoharres

+0

której wersji bootstrap? czy mówisz o jednym z przykładów? proszę wskaż jakiś kod, dzięki – melc

Odpowiedz

14

pobierania wszystkich plików bootstrap i gdzieś wewnątrz .css plików dodatek:

body { 
    background:red !important; 
} 
+0

to działało! dzięki! .. Czy ta metoda działa również we wszystkich przeglądarkach? – betoharres

+1

Tak. podczas dodawania! ważne do końca stylu css, zastępuje każdy inny styl tej samej klasy/elementu. – scooterlord

3

Nie polecam zmianę rzeczywistych plików bootstrap CSS. Możesz utworzyć niestandardowy arkusz stylów startowych za pomocą jednego z dostępnych Bootstrap theme generator (Generatory motywów Bootstrap). 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).

ŹRÓDŁO: How to change the default background color white to something else in twitter boostrap

+0

Strona generatora motywów nie jest już dostępna = ( – rdodev

3

gorąco polecam korzystania Sass z Bootstrap-Sass nie tylko do dokonywania jakichkolwiek dostosowywać do rdzenia Bootstrap ram, ale także aby zapewnić CSS jest tak suche, jak to możliwe. Następnie możesz zrobić coś takiego, jak przed zaimportowaniem głównego pliku CSS Bootstrap, a będziesz gotowy. Zauważ, że Sass pozwala ci na ponowne użycie zmiennej ($ red), którą właśnie zadeklarowałeś gdziekolwiek indziej, która może ci się podobać w twojej aplikacji.

Korzyści z używania preprocesora CSS, takiego jak Sass lub LESS, nie kończą się tutaj. Bootstrap opiera się na proporcjonalny system rozmiarów czcionek, więc można też zrobić coś podobnego

$font-size-base: 16px; 

i że będzie odpowiednio zmienić rozmiary czcionek wszystkich pierwiastków (P, h1..h6 etc) w całej planszy. Być może również, na przykład, napisać

$font-family-sans-serif: 'Gill Sans'; 

i że zastąpi Helvetica jako domyślną czcionkę sans-serif dla wszystkich elementów.

Spójrz na here dla wszystkich dostosowań, które możesz wprowadzić w kodzie, kiedy tylko chcesz, a nie tylko podczas pobierania Bootstrapa, jeśli używasz Sass.

5

Poprawnym sposobem zmiany koloru tła w Bootstrap 3 jest użycie klas bg-*. Dla koloru czerwonego jest bg-danger. Dostępne również bg-primary, bg-success, bg-info and bg-warning. http://getbootstrap.com/css/#helper-classes-backgrounds

+0

Ta odpowiedź powinna pojawić się jako pierwsza: najpierw spróbuj metody bootstrap (używając klas 'bg- *') i odwołuj się do niestandardowej klasy tylko wtedy, gdy opcje stylizacji semantycznej są niewystarczające. – jjmontes

0

w HTML zmiany w zmianie CSS „body {}” do „.Body {}” To dlatego, że klasa jest bardziej specyficzna niż znacznika, a więc zajmie się panować nad głównym bootsrap .css, który klasyfikuje się tylko jako znacznik.

0

Mam utworzony przeze mnie szablon, którego używam do tworzenia motywów bootstrap, które będą generować dokumenty za pomocą utworzonego motywu. Zaimplementowałem to w firmach, które korzystają z niego w wielu zespołach internetowych w celu uzyskania markowego wyniku przy użyciu tylko podstawowych składników bootstrap.

Sprawdź to tutaj: https://github.com/patrickleet/bootstrap-override-boilerplate

Istnieją instrukcje w README

0

Dla Bootstrap 3.3 dodać następujący BG Style.

body{ 
background-color: gray !important; 
} 

Źródło: z przewodnika Bootstrap 3.3.

Powiązane problemy