Я создаю веб-приложение, где я установил свой цвет по умолчанию на синий, используя css. Но когда я добавил твиттер bootstrap css на моей странице, я не нашел свой синий цвет, вместо этого нашел белый цвет фона, предоставленный твиттер-бутстрапом.
Мой запрос заключается в том, какую часть css следует изменить в bootstrap, чтобы изменить фон страницы.
Вы можете перезаписать Bootstraps по умолчанию CSS, добавив свои собственные правила.
<style type="text/css">
body { background: navy !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
</style>
Я бы не рекомендовал менять фактические загрузочные CSS файлы. Если вы не хотите использовать первое решение Jako, вы можете создать пользовательскую таблицу стилей начальной загрузки с одним из доступных генераторов темы Bootstrap (Генераторы темы Bootstrap). Таким образом, вы можете использовать 1 таблицу стилей со всеми CSS-установками Bootstrap по умолчанию только с одним изменением, которое вы хотите. С генератором темы Bootstrap вам не нужно писать CSS. Вам нужно только установить шестнадцатеричные значения для цвета, который вы хотите для тела (строительные леса, bodyBackground).
Вы должны переопределить значение начальной загрузки, будучи немного более конкретным. Попробуйте сделать это на черном фоне:
html body {
background-color: rgba(0,0,0,1.00);
}
Вы можете просто добавить эту строку в свой файл bootstrap_and_overides.css.less
body { background: #000000 !important;}
что он
Я использую cdn boostrap, решение, которое я нашел, было: Сначала включите бутстрап cdn, затем вы добавите файл .css, где вы редактируете стили начальной загрузки bootstrap.
Добавьте свой собственный .css файл и вставьте его:
body{
background: navy;
}
Важно: При включении css файлов в html сначала включите cdn bootstrap css, а затем включите свой собственный .css файл. Таким образом, стили в собственном файле css переопределяют поведение по умолчанию из bootstrap css.
Bootstrap 4 предоставляет стандартные методы для этого, полностью описанные здесь: https://getbootstrap.com/docs/4.3/getting-started/theming
Например. Вы можете переопределить значения по умолчанию, просто установив переменные в файле SASS, куда вы импортируете начальную загрузку. Пример из документации (который также отвечает на вопрос):
// Your variable overrides
$body-bg: #000;
$body-color: #111;
// Bootstrap and its default variables
@import "../node_modules/bootstrap/scss/bootstrap";
Не рекомендуется перезаписывать загрузочный файл, только в вашем локальном style.css используйте
body {background: ваш цвет ! important;
здесь ! important декларация перезаписывает значение начальной загрузки.
как изменить цвет фона в html и css с классом
Пример:
на html вы пишете
<div class="pad_menu">
</div>
на css
.pad_menu {
padding: 100px;
background-color: #A9FFCB;
}
поэтому ваш фон будет изменен на Magic Mint, если вы хотите узнать код цвета, я предлагаю вам посетить https://coolors.co. Надеюсь, что это полезно:)