Html 更改引导程序Jumbotron的h1颜色_Html_Css_Twitter Bootstrap

Html 更改引导程序Jumbotron的h1颜色

html css twitter-bootstrap

Html 更改引导程序Jumbotron的h1颜色,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,对Bootstrap来说是个新手，刚开始玩它。但是有一件事（这应该是非常明显的）我不能去工作。这会改变jumbotron中h1标签的颜色 HTML代码： <!DOCTYPE html> <html> <head> <title>Hello WWW</title> <link rel="stylesheet" href="main.css"> <!-- Latest compiled and m

对Bootstrap来说是个新手，刚开始玩它。但是有一件事（这应该是非常明显的）我不能去工作。这会改变jumbotron中h1标签的颜色

HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>Hello WWW</title>
    <link rel="stylesheet" href="main.css">

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
</head>

<body>
    <div class="jumbotron">
        <h1>Progression of Connected Computing</h1>
        <p>Learn more about the internet</p>
    </div>
</body>
</html>

问题是，p标签被正确地更改并变为白色，但由于某些原因h1标签没有？也许我在做一些愚蠢的事情，但我似乎不知道那是什么。谢谢

如果你想用你的自定义

main.css

样式覆盖你的

bootstrap

样式，你必须在包含

bootstrap.css

之后包含你的自定义

main.css

文件。

你的自定义css文件应该放在

bootstrap.min.css

之后，这样你就可以覆盖它

像这样-

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="main.css">

我找到了一个简单的方法：只需将h1博客包装在里面，例如span博客；然后为span博客应用引导。例如：

<span class="text-success"><h1>Hello World</h1></span>

你好，世界

如果您希望专门应用白色（如示例中所示），则可以使用引导程序的颜色实用程序类

。text white

是一个选项：

<h1 class="text-white">My Text</h1>

我的文本

有关其他颜色类别的详细信息，请参见：

<h1 class="text-white">My Text</h1>