2014-10-14 2 views
0

Итак, я пытаюсь сделать быстрое прототипирование с помощью Bootstrap, и я бы хотел использовать фиолетовую тему, которая находится в действии over on the Bootstrap site, однако я не могу найти, где стили скрыты. Например, .bs-docs-header не имеет стиля по умолчанию. На самом деле, я даже не могу найти стиль для .bs-docs-header в любом из CSS.Использование Purple Theme Bootstrap

Это, как он смотрит на сайте Bootstrap: enter image description here

И вот как это выглядит более чем на моем сайте: enter image description here

Понятия не имею, где эти стили приходят, или Арен» т. Любая помощь в получении этого для работы будет оценена по достоинству.

Заранее спасибо.

+0

это их собственный «обычай» стиль. он настраивает тему загрузки по умолчанию и вы, как предполагается, должны сделать это, чтобы придать вашему собственному чувству на своем сайте –

+0

@ DanielCheung. Я это понимаю. Это просто для быстрой начальной загрузки, поэтому я могу быстро создать прототип. – realph

ответ

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; 
} 
+0

Странно. Интересно, сдерживаются ли эти стили, чтобы побудить пользователей писать свои собственные стили. Было бы полезно, если бы эти классы заголовков были включены. – realph

+0

Почему? Это дополнительный стиль для их сайта. Если вы хотите использовать шаблон, есть много веб-сайта, предлагающего это. Или, если вы хотите использовать этот фиолетовый, вы можете скачать его и поиграть с ним. Посмотрев исходный файл, он выпущен под лицензией Creative Commons Attribution 3.0 Unported. – DavidG

+0

@DavidG OP специально сказал * «фиолетовая тема, которая находится в действии на сайте Bootstrap» * –

Смежные вопросы