css - 使用 Bootstrap 的紫色主题

标签 css twitter-bootstrap

所以我正在尝试使用 Bootstrap 进行一些快速原型(prototype)制作,我想使用正在运行的紫色主题 over on the Bootstrap site ,但是我似乎无法找到隐藏样式的位置。例如,.bs-docs-header 默认没有样式。事实上,我什至在任何 CSS 中都找不到 .bs-docs-header 的样式。

这是它在 Bootstrap 网站上的样子: enter image description here

这是它在我的网站上的样子: enter image description here

不知道这些样式是从哪里来的,或者不是。任何帮助让它工作的人都将不胜感激。

提前致谢。

最佳答案

bootstrap 站点有一个对 docs.min.css 的引用,其中包含:

.bs-docs-header {
    position: relative;
    padding: 30px 15px;
    color: #cdbfe3;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    background-color: #6f5499;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));
    background-image: -webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);
    background-image: -o-linear-gradient(top,#563d7c 0,#6f5499 100%);
    background-image: linear-gradient(to bottom,#563d7c 0,#6f5499 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
    background-repeat: repeat-x;
}

关于css - 使用 Bootstrap 的紫色主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26360941/

相关文章:

html - Bootstrap 下拉菜单 - 在正文中显示在照片下方

html - 如何在移动屏幕上的文本顶部对齐右侧图像

javascript - Bootstrap 多选 - 在复选框后添加图像

javascript - 智能滚动

html div 垂直划分为四部分

html - 整页下拉菜单

twitter-bootstrap - Bootstrap Modal 无法在 ios 上运行?

javascript - 在 HTML 中制作一个向下滑动的文本区域

jquery - 如何在 bootstrap 按钮类 onClick 之间切换?

html - 在 Firefox 的 TD 中包含绝对定位的 100% 宽度 DIV