使用Bootstrap的紫色主题

时间:2014-10-14 12:35:08

标签: css twitter-bootstrap

所以我正在尝试使用Bootstrap做一些快速原型设计,我想使用行动over on the Bootstrap site中的紫色主题,但是我似乎无法找到隐藏样式的位置。例如,默认情况下.bs-docs-header没有样式。事实上,我甚至无法在任何CSS中找到.bs-docs-header的样式。

这是它在Bootstrap网站上查看的方式: enter image description here

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

不知道这些风格来自哪里,或者不是。任何有助于此工作的帮助将不胜感激。

提前致谢。

1 个答案:

答案 0 :(得分:5)

引导网站引用了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;
}