Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 修改Twitter引导颜色方案_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 修改Twitter引导颜色方案

Html 修改Twitter引导颜色方案,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我希望根据以下示例修改网站的配色方案: 我成功地修改了整个页面的背景色 body{background-color:#XXXXXX} 这不会修改div的背景色(在我链接到的页面中为灰色)。我相信div属于jumbotron子类(不确定这是否是正确的术语),并且我在修改其背景色时遇到了问题。我可以修改div中事物的背景颜色(例如,一个段落),但是我想更改div的整个背景。我还想对导航栏做同样的事情,但是我认为这两个问题密切相关。如果你能给我指出正确的方向,我将非常感激 任何web开发人员都可以从

我希望根据以下示例修改网站的配色方案:

我成功地修改了整个页面的背景色

body{background-color:#XXXXXX}

这不会修改div的背景色(在我链接到的页面中为灰色)。我相信div属于jumbotron子类(不确定这是否是正确的术语),并且我在修改其背景色时遇到了问题。我可以修改div中事物的背景颜色(例如,一个段落),但是我想更改div的整个背景。我还想对导航栏做同样的事情,但是我认为这两个问题密切相关。如果你能给我指出正确的方向,我将非常感激

任何web开发人员都可以从web控制台开始。尝试右键单击您感兴趣的页面元素,然后单击“检查元素”。将出现一个控制台,突出显示您选择的元素。在右边,您将看到一个框,其中列出了复合CSS规则。使用这些规则来确定覆盖您希望发生的更改的内容。

使用引导开发网站的最简单方法是在浏览器中使用inspector工具(通常使用F12打开),然后您几乎可以看到DIV中需要修改的类


对于导航,类通常只是.nav,对于其余内容,它通常被包装在.welldiv中。只需与检查器一起搜索,您将以简单的方式解决所有问题

除此之外,如果某些东西不起作用,请尝试使用标记您的CSS属性!重要标记。在引导的默认设置中,有时需要覆盖基本样式表。在此基础上稍微扩展一下:我必须在div中选择要修改的子类(然后选择继承颜色的所有子类)。在我的示例中,我需要修改div.jumbotron