Twitter Bootstrap背景颜色/容器颜色

时间:2012-11-21 18:43:17

标签: twitter-bootstrap background-color

我的WordPress网站有一个bootstrap主题,我正在尝试在另一个页面中重新创建主题。

www.bleep.io/blog

主题背景为灰色,但容器div为白色 - 给人一种灰色边框的印象。

我试图通过将正文背景颜色和容器背景设置为白色来重新创建它。但这也使导航栏变白了。

我是怎么做到这一点的?

2 个答案:

答案 0 :(得分:2)

您好,你所说的想要拥有与twitter bootstrap css设计相同的白色背景,但你不能将身体改为白色。

因此,您需要找到此代码,因为您的正文已在其标记中添加了一个类,请在您的页面模板中找到此代码(应该在<body>标记之前):

<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #d4d4d4; }
</style>

这就是您要更改背景颜色的目的。

修改

尝试查找并更改此内容:

.container {
background-color: #D4D4D4;
margin: 0px auto;
padding-right:24px;
padding-left:24px;
}

和此:

<style>
body {
padding-top: 60px; 
}
</style>

请检查http://www.bleep.io/contact.html页面上的css文件,因为它是一个断开的链接,可能是原因:

<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

答案 1 :(得分:2)

您应该避免编辑主引导文件。提供了其他文件以执行自定义。在相应的目录位置中查找main.css和main.js文件。

这有助于防止网站完全破损,并且在需要时应该更容易修复和排除故障。

这当然是针对这些类型的微小变化。如果你要创建一个完整的主题:去吧。