javascript - 使用 Bootstrap 时如何更改 body 的颜色?

标签 javascript jquery html css twitter-bootstrap

我正在尝试对 Bootstrap 进行编程,当我打算更改我的 body 的颜色时,只需使用:

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

它没有用,所以我的问题是如何在使用 Bootstrap 时设置任何样式?我查看了开发人员的工具,发现 background-color: #eba; 被忽略并被默认的 Bootstrap body color 取代,这是为什么? Bootstrap Default 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>

关于javascript - 使用 Bootstrap 时如何更改 body 的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34250725/

相关文章:

javascript - 如何纠正服务器中的 php 重定向错误

javascript - 试图在用户将鼠标悬停在图像上时显示 div?

javascript - 使用 react 形式以 Angular 验证密码和确认密码

javascript - Contenteditable 元素修改后会更改 ID

javascript - 定义 HTML 类来表示多个 HTML 类

jquery - 如何使用 Jquery 使 future 的元素可拖动

javascript - 如何在打印布局 html 中设置 img 样式

javascript - 如何使 twitter bootstrap .popover 在 .submit 事件中工作

javascript - 找不到模块 : Error: Cannot resolve module

javascript - 如何编写干净、模块化的 express.js 应用程序