2013-10-14 9 views
4

полностью новобранец вопрос, который я знаю, но я пытаюсь изменить цвет фона в загрузчикеЦвет фона изменить Bootstrap

я изменить с помощью

body{background:#fff;} 

, который работает, я могу видеть изменения в нижней части страницы, , но и всей страницы, и это вся ширина по-прежнему белый

в моей странице все, что я тогда имею

<div class="container"> 
<div class="row"> 

Я изменил тело контейнера и ряда соответственно, но это не те. также попытался изменить цвет .wrap, поскольку inpection показывает его содержащуюся в этом тоже, но ничто не меняет полный фон, а Im немного тупик относительно того, что его блокирует. - Я еще не написал никакого реального кода, его стандартную установку и тему корней.

Кто-нибудь знает, что здесь происходит? Я знаю, что это будет что-то глупое.

Код здесь

<div class="wrap" role="document"> 
<div class="content row"> 
    <div class="main col-sm-12" role="main"> 
     <div class="page-header">...</div> 
     <section class="container"> 
      <div class="row"> 
       <div class="col-sm-4">...</div> 
       <div class="col-sm-4">...</div> 
       <div class="col-sm-4">...</div> 
      </div><!-- end row --> 
     </section>  
    </div><!-- /.main --> 
</div><!-- /.content --> 

ни один из них не имеет какого-либо цвета фона применяются к ним.

+4

Вы изменяете фон белый ... нет? #fff = white – cowls

+0

'html, body {background: #fff;}' использовать это. –

+0

нет, извинения! просто используя это в качестве примера извините. Я использую #ccc, я должен был сказать. –

ответ

3

Вы должны изучить использование LESS - если вы не сталкивались с ним, прежде чем он по существу позволяет использовать переменные в CSS. Это очень удобно.

В любом случае, вы всегда можете использовать параметры настройки при загрузке бутстрапа для настройки цвета фона.

Посмотрите здесь: http://getbootstrap.com/customize/

+0

. Я посмотрю на это, проблема в том, что это смешанный образ с шаблоном barebones - я использую шаблон корней. –

+1

Это перебор. LESS не требуется менять цвет фона ... – cowls

+0

Нет, но я предполагаю, что изменение цвета фона - это не единственная модификация, которую OP когда-либо захочет сделать ... –

3

С каждым современным браузером вы можете легко проверить, откуда берется активный стиль.

Ниже приведен пример использования инструментов разработчика Chrome:

Chrome Developer Tools on stackoverflow

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

У IE и Firefox есть аналогичные инструменты.

Также имейте в виду, что порядок использования стилей имеет значение.

+0

Привет, Джеральд, Да, я знаю, я использую инструменты chrome dev, проверял все это, - тело изменилось, но все это сидел в –

+0

Привет, Джеральд, Да, я знаю, я использую инструменты chrome dev, проверил все это, - тело изменилось. но вы можете видеть его только в нижней части сайта. - Не могу опубликовать фотографию в это время, - разочаровывает. –

+0

Итак, проверьте, откуда идет цвет, переопределите его. Без размещения фактического кода никто здесь не сможет вам помочь. –

0

Я удалил тему корней и самозагрузку. добавили его снова, добавил пару изменений, которые я сделал ранее, (encheed stylesheet)

затем я снова изменил заднюю часть кузова. теперь он работает.

У меня нет подсказки, почему этого не было раньше, я не добавлял никаких цветов нигде, я только начал его модифицировать. - Возможно, багги?

но мой ответ на это - возможно, я сломал свою тему непреднамеренно.

3

Попробуйте

body { 

    background-color: #your color code; 
} 
Смежные вопросы