различные дополнения для разных страниц с twitter bootstrap

Question

Я начинаю новый проект рельсов и добавлен twitter bootstrap (так как я слышал хорошие вещи об этом). Это вопрос начинающих, но как добавить фоновые изображения, которые охватывают всю высоту/ширину страницы, не позволяя помещать верхний и левый отступы по умолчанию в twitter-bootstrap? Есть ли базовая настройка, с которой я еще не сталкивался? Как удалить это дополнение для конкретной страницы, но все же оставить дополнение в остальной части приложения? Является ли это дополнением полезным?

Благодаря

Answer 1

Вы можете добавить фоновое изображение тела, поскольку это не будет зависеть от заполнения

body.my-page{ 
    background-image: url('my-image'); 
    height: 100%; 
    width: 100%; 
} 

или добавить absolute/«fixed` расположенный контейнер с ж/полной ширины & и примените фоновое изображение к этому контейнеру.

<div class="bg"></div> 
</body> 

CSS

.my-page .bg{ 
    background-image: url('my-image'); 
    position: fixed; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    z-index: 1; 
} 

.my-page .container{ 
    position: relative; 
    z-index: 2; 
}