2014-08-28 16 views
8

Đây là một câu hỏi newbie hoàn toàn, nhưng:mẫu bìa bootstrap: nơi đặt hình ảnh?

Sử dụng Bootstrap 's cover template, làm thế nào/nơi tôi nên chèn hình nền để trang trải trang?

Tôi đang thiếu gì? Tôi đã thử chèn các phần tử bên trong vào các mẫu

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

hình ảnh này được hiển thị nhưng không có kích thước để lấp đầy kích thước của chế độ xem.

(Hay tôi hiểu lầm mục đích của mẫu này không?)

Trả lời

17

Dựa vào nơi hình nền được áp dụng, nó trông giống như nền được áp dụng cho thẻ nội dung. Trong trường hợp này áp dụng CSS này:

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

"bìa" làm nền để lấp đầy phần tử khối.

0

sẽ hiện ra trong:

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

Nếu bạn đặt nó với trong body bạn sẽ có biên độ nhỏ.

Các vấn đề liên quan