如何改变bootstrap的水井颜色？

Question

刚开始学php不知道怎么改井的颜色。做研究我发现了这个

.well.homefull{

background: rgba(0, 0, 0, 0.4);

}

但我不知道放在哪里以及如何与

一起使用

<div class="well">

如果我简单地把它放在 div 之前 class=好吧它不起作用

Answer 1

您需要覆盖 boostrap well class 的 css 规则。

为此，您需要创建自定义 css 文件和 call this external style sheet from the html page。

例如：

.well {
    background-color: rgba(0,0,0,0.4) !important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="well">
    Some content
</div>

希望对您有所帮助。

编辑：

或者在一个页面中，您可以将样式规则放在 <style></style> 标记之间（注意在 bootstrap 来源调用之后放置最重要的样式规则）：

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Developping JazZ Sheet</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        .well {
            background-color: rgba(0,0,0,0.4);
        }
    </style>
</head>
<body>
    <div class="well">
        some content
    </div>
</body>
</html>

如何改变bootstrap的水井颜色？

How to change the bootstrap's well color?

css

colors

background-color