gpt4 book ai didi

css - Twitter bootstrap 天蓝色面板

转载 作者:太空宇宙 更新时间:2023-11-04 11:28:49 32 4
gpt4 key购买 nike

我正在使用 Twitter Bootstrap Cerulean 模板。

在这个主题中,我使用了不同的面板:panel-primary、panel-panel-success、panel-info 和 panel-warning。

虽然主面板清晰可见,但我发现其他类型的面板非常明亮,几乎看不到。

因此,我想通过保持相同的颜色(例如,绿色表示面板成功)来修改它们,但使它们与面板主色一样可见。

例如,我尝试从 Cerulean 中的 Twitter Bootstrap 论文主题复制/粘贴 .panel-success css,但没有成功。

是否有比 .panel 更高的 changer 来修改?

谢谢。

编辑 1

我刚刚注意到我的亮度问题是因为我以错误的顺序添加了样式表。这个订单的颜色很好:

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://bootswatch.com/cerulean/bootstrap.css">

但要留在原来的问题上:“如何修改面板颜色”这里是 css 和 html 代码。例如,我尝试用红色的 .panel-success{} 修改它但没有成功,但我可能写错了。另外,wgat 是只修改面板标题颜色的 css 吗?

    <!DOCTYPE html>
<html lang="en">
<head>

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://bootswatch.com/cerulean/bootstrap.css">

</head>

<style>
.panel-success{

background-color: red !important ;
}
</style>

<body><br><br>

<div class="container">
<div class="panel panel-success">
<div class="panel-heading">
<h2 class="panel-title">Title</h2>
</div>

<div class="panel-body">
<p>Paragraph</p>
</div>
</div>
</div>


</body>

最佳答案

.panel-success{
// css you copied from paper theme and add !important
background-color: green !important;
}

或者只需将此代码粘贴到您的自定义 css 中,它将覆盖 cerulean 主题中 .panel-success 的 css 代码。

关于css - Twitter bootstrap 天蓝色面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32178070/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com