Загрузочный шаблон обложки: где разместить изображение?

Question

Это полный новичок вопрос, но:

Использование Bootstrap «s cover template, как/где я должен вставить фоновое изображение, чтобы покрыть страницу?

Что мне счесть? Я попытался вставить внутри следующих элементов в шаблоне

<div class="site-wrapper-inner"> 
<div class="cover-container"> 
<div class="inner cover"> 

изображение отображается, но не размер, чтобы заполнить размеры окна просмотра.

(Или я недопонимание цель этого шаблона?)

Answer 1

На основании того, где применяется фоновое изображение, оно выглядит как фон наносится на тело тега. В этом случае примените этот CSS:

body { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

«обложка» заставляет фон заполнять элемент блока.

Answer 2

Это должно пойти в:

html, 
body { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Если вы поместите его в body вы будете иметь небольшой запас.