v2.5.2
Giriş yap

100% Yükseklikte Tasarım (Bootstrap)

Anonim
1,310 defa görüntülendi ve 1 kişi tarafından değerlendirildi
1 5

Merhabalar,
aşağıdaki sitenin tasarımı tarzında bir çalışmam var, aynı şekilde background image'ım var yüksekliği her çözünürlükte ve genişlikte 100% olması gerekiyor.

Bu yapıyı nasıl kurarım, bootstrap kullanıyorum, güncel teknolojiyle örnek verebilir misiniz ?

(codepen linki veya yararlanabileceğim herhangi bir kaynak işimi görür.)

http://turkiyevarlikfonu.com.tr/

css html
Cevap yaz
Cevaplar (5)
sercan
1624 gün önce

@pcmemo teşekkürler background-position: center center; işimi gördü.

0
#000120
pcmemo
1624 gün önce

arkaplan görseli bootstrapın bir konusu değil, css konusudur.

https://codepen.io/theiwaz/pen/vybjc

0
#000119
myrioos
1624 gün önce

Anladım hocam :)
bu işlemi denediniz mi?

 background-image: url('arkaplan.jpg');
 background-size: cover;
 background-repeat: no-repeat;
0
#000118
sercan
1624 gün önce

@myrioos üstat sanırım yanlış anladın, benim amacım bootstrap kullanarak her çözünürlükte 100% genişlik ve yükseklikte arka plan görselleri.

0
#000116
myrioos
1624 gün önce

Hocam arka plan resimlerinin javascript ile yapılmış değişen arka planlar bunun için şöyle bir şey yapabilirsiniz.

<script type=”text/javascript”>
    
    var imgCount = 3; // kaçtane arka plan varsa
    var dir = 'http://siteadresi/images/'; // arka plan resim yolu
    var randomCount = Math.round(Math.random() * (imgCount – 1)) + 1;
    // arka planları listeleme
    var images = new Array
    images[1] = '1.jpg',
    images[2] = '2.jpg',
    images[3] = '3.jpg'
    document.body.style.backgroundImage = 'url(' + dir + images[randomCount] + ')';
</script>
0
#000115