使用Bootstrap时如何改变身体的颜色？

Question

I'm trying out programming Bootstrap and when I was going to change the color of my body using simply: 我正在尝试对Bootstrap进行编程，当我要使用以下简单方法更改我的body颜色时：

body {
  background-color: #eba; 
  width: 100%; 
  height: 100%;
}

It didn't work, so my question is how can I style anything when using Bootstrap? 它没有用，所以我的问题是在使用Bootstrap时如何设置样式？ I've looked in the developer's tools and found that background-color: #eba; 我查看了开发人员的工具，发现其background-color: #eba; got ignored and replaced by the default Bootstrap body color , why is that? 被忽略并替换为默认的Bootstrap body color ，为什么？ Shouldn't the Bootstrap Default body color get ignored instead of mine? 不应忽略Bootstrap Default的body color而不是我的body color吗？ (I might have put two questions in one, so forgive me). （我可能将两个问题合而为一，请原谅我）。

Relevant HTML 相关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>

Relevant CSS 相关CSS

body {
    background-color: #eba;
}

Answer 1

place your custom css after including bootstrap.css or bootstrap.min.css 在包含bootstrap.css或bootstrap.min.css之后放置自定义CSS

or add !important keyword to your css 或在您的CSS中添加！important关键字

<style type="text/css">
body{background: #eba !important;}
</style>

Answer 2

You have to include your custom .css file after bootstrap.css/bootstrap.min.css Or else you can use '!important' to make your change. 您必须在bootstrap.css/bootstrap.min.css之后包含自定义.css文件，否则可以使用'!important'进行更改。

For example : 例如：

body {
  background-color: #eba !important; 
  width: 100%; 
  height: 100%;
}

使用Bootstrap时如何改变身体的颜色？

问题描述

2 个解决方案

解决方案1
4 已采纳 2015-12-13 11:54:36

解决方案2
2 2015-12-13 11:55:53

使用Bootstrap时如何改变身体的颜色？

问题描述

2 个解决方案

解决方案1 4 已采纳 2015-12-13 11:54:36

解决方案2 2 2015-12-13 11:55:53

解决方案1
4 已采纳 2015-12-13 11:54:36

解决方案2
2 2015-12-13 11:55:53