div bostrap ile nasıl responsive yapabilrim

20-05-2019, 15:59:53

Üyeliği durduruldu

arkadaşlar sizin başınızı agrıttım ama kendimi geliştirip çalışıyorm div bostrap ile nasıl responsive yapabilrim

Saygılarımla

20-05-2019, 16:01:58

#2

~~Ajans45~~

Üyeliği durduruldu

Hocam tam anlayamadım fakat bootstrap ile yapacağınız internet siteleri zaten otomatik olarak responsive bir görünüme kavuşuyor

20-05-2019, 16:04:05

#3

~~Payitaht61~~

Üyeliği durduruldu

Ajans45 adlı üyeden alıntı: mesajı görüntüle

Hocam tam anlayamadım fakat bootstrap ile yapacağınız internet siteleri zaten otomatik olarak responsive bir görünüme kavuşuyor

hocam

<div class="row" class="rounded" style="background-image:url(grafikler/1234.gif); width:350px; height:300px;-moz-border-radius: 20px;-webkit-border-radius:20px;border-radius: 20px;"></div>

bu kod ekranı külçültü gümde otomatik küçülmüyor

Sagılarımla

20-05-2019, 16:07:08

#4

~~Ajans45~~

Üyeliği durduruldu

Değerlerinizi px olarak verdiğinizde görselin boyutunu px olarak değiştirmiş olursunuz, bu da her cihazda farklı bir boyut anlamına gelmektedir.

px yerine % değer kullanırsanız her cihazda aynı boyutu vermiş olacaksınızdır.

20-05-2019, 16:07:33

#5

Goztepeli3535

Hocam selam,

Style dosyası oluşturun bence birtane böyle bir yere kadar

<div class="container">
<div class="row">
<div class="col-md-12">
<div class="rounded" style="background-image:url(grafikler/1234.gif); width:100%; max-width:350px; height:300px;-moz-border-radius: 20px;-webkit-border-radius:20px;border-radius: 20px; "></div>
</div>
</div>
</div>
Not: boostrapcdn çekmeyi unutmayın

20-05-2019, 16:09:26

#6

~~Payitaht61~~

Üyeliği durduruldu

Goztepeli3535 adlı üyeden alıntı: mesajı görüntüle

Hocam selam,

Style dosyası oluşturun bence birtane böyle bir yere kadar

<div class="container">
<div class="row">
<div class="col-md-12">
<div class="rounded" style="background-image:url(grafikler/1234.gif); width:100%; max-width:350px; height:300px;-moz-border-radius: 20px;-webkit-border-radius:20px;border-radius: 20px; "></div>
</div>
</div>
</div>
Not: boostrapcdn çekmeyi unutmayın

aleykum selam hoş geldin kardeşim

olmadı hocam yapamadım

20-05-2019, 16:22:37

#7

Goztepeli3535

genişliği 350 mobile kadar düşürüyor hocam mesela alttakini deneyin ekranı response edin
<div class="rounded" style="background-image: linear-gradient(to bottom, rgba(255,255,0,0.5), rgba(0,0,255,0.5)), url('https://mdn.mozillademos.org/files/7693/catfront.png');; width:100%; max-width:350px; height:300px;-moz-border-radius: 20px;-webkit-border-radius:20px;border-radius: 20px; "></div>

20-05-2019, 16:24:19

#8

Slyt2006

Merhaba,

1-) 1 dive 2 tane class parametresi eklenmez. 2 tane class vermek istiyorsanız class="row rounded" yaparsınız.
2-) div'e width:350px vermişsiniz. Yani boyunu 350px e sabitlemişsiniz.
3-) Aşağıdaki kod belki işinizi görebilir.
<div class="row rounded" style="background-image:url(grafikler/1234.gif); width:100%; height:auto;-moz-border-radius: 20px;-webkit-border-radius:20px;border-radius: 20px;"></div>

4-) Nacizane fikrim html ve css i komple sökmeden direk bootstrap ya da responsive ye geçmeyin hocam. Sizi aşırı derece de zorlar.

20-05-2019, 16:29:44

#9

~~Payitaht61~~

Üyeliği durduruldu

Slyt2006 adlı üyeden alıntı: mesajı görüntüle

Merhaba,

1-) 1 dive 2 tane class parametresi eklenmez. 2 tane class vermek istiyorsanız class="row rounded" yaparsınız.
2-) div'e width:350px vermişsiniz. Yani boyunu 350px e sabitlemişsiniz.
3-) Aşağıdaki kod belki işinizi görebilir.
<div class="row rounded" style="background-image:url(grafikler/1234.gif); width:100%; height:auto;-moz-border-radius: 20px;-webkit-border-radius:20px;border-radius: 20px;"></div>

4-) Nacizane fikrim html ve css i komple sökmeden direk bootstrap ya da responsive ye geçmeyin hocam. Sizi aşırı derece de zorlar.

hocam css bilgim iyi ama botsrap da yeniyim