[英]How can I change the color of my body when using Bootstrap?
我正在嘗試對Bootstrap進行編程，當我要使用以下簡單方法更改我的body顏色時：
body {
background-color: #eba;
width: 100%;
height: 100%;
}
它沒有用，所以我的問題是在使用Bootstrap時如何設置樣式？ 我查看了開發人員的工具，發現其background-color: #eba; 被忽略並替換為默認的Bootstrap body color ，為什么？ 不應忽略Bootstrap Default的body color而不是我的body color嗎？ （我可能將兩個問題合而為一，請原諒我）。
相關HTML
<body>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<h4>Column 1</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro exercitationem provident explicabo ipsa consequuntur, quidem dolorem perferendis veritatis facilis fugiat deleniti natus quod laboriosam eum incidunt consequatur cumque voluptates. Repellat.
</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<h4>Column 2</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro exercitationem provident explicabo ipsa consequuntur, quidem dolorem perferendis veritatis facilis fugiat deleniti natus quod laboriosam eum incidunt consequatur cumque voluptates. Repellat.
</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<h4>Column 3</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro exercitationem provident explicabo ipsa consequuntur, quidem dolorem perferendis veritatis facilis fugiat deleniti natus quod laboriosam eum incidunt consequatur cumque voluptates. Repellat.
</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<h4>Column 4</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro exercitationem provident explicabo ipsa consequuntur, quidem dolorem perferendis veritatis facilis fugiat deleniti natus quod laboriosam eum incidunt consequatur cumque voluptates. Repellat.
</p>
</div>
</div>
</div>
</body>
</html>
相關CSS
body {
background-color: #eba;
}
在包含bootstrap.css或bootstrap.min.css之后放置自定義CSS
或在您的CSS中添加！important關鍵字
<style type="text/css">
body{background: #eba !important;}
</style>
您必須在bootstrap.css/bootstrap.min.css之后包含自定義.css文件，否則可以使用'!important'進行更改。
例如 ：
body {
background-color: #eba !important;
width: 100%;
height: 100%;
}
使用 type=“color” 從輸入中選擇顏色時如何更改身體的背景
[英]How do I change the background of my body when picking a color from my input with the type=“color”
在 Ionic/Angular 中使用 ngIf 時，如何根據按鈕的值更改按鈕的顏色
[英]How can I change the color of my button based on its value when using ngIf in Ionic/Angular
如何更改我的邊框顏色<select>元素不影響引導 css 樣式？
[英]How can I change the border color on my <select> element without effecting bootstrap css styling?
如何使用 Bootstrap 4 更改下拉菜單活動背景顏色？
[英]How can I change dropdown menu active background color with Bootstrap 4?
如何更改 hover 上的 Bootstrap 5 工具提示背景顏色？
[英]How can I change a Bootstrap 5 tooltip background color on hover?
當我對它們進行 hover 時，如何使我的 Material Icons 改變顏色？
[英]How can I make my Material Icons change color when I hover over them?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.