0
Kayıt Ol

CSS Bootstrap da Responsive Olayı

6

●

2.058

  • 09-09-2013, 00:12:22
    #1
    KorkakHerif
    KorkakHerif
    Üyeliği durduruldu
    Arkadaşlar merhaba;
    bildiğiniz gibi twitter'in bootstrabı çok meşhur bu aralar peki benim bi sorum var responsive olayı nasıl işliyor ?

    Yani Responsive için yine kodları biz mi yazıyoruz yoksa kendisi otomatik olarak her şeyi ayarlıyor mu ? Yada bilmediğim başka şeyler mi var ?
  • 09-09-2013, 02:14:52
    #2
    darkbufu
    darkbufu
    Kimlik doğrulama veya yönetimden onay bekliyor.
    bootstrap'ın web sitesinde download bölümünden dosyasını indirin. Dosyanın içinde responsive ile olan dosya var birde olmayan dosya var. Site de açıklıyor zaten eğer çıkarmak istersen şu yolu izle diye.
  • 09-09-2013, 02:18:08
    #3
    AlperA.
    AlperA.
    responsivelik olayisi su hallediyor:

    Alıntı
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <head></head> arasina ekliyorsunuz burda gosterildigi gibi:

    http://getbootstrap.com/2.3.2/gettin...#html-template
  • 09-09-2013, 02:57:27
    #4
    KorkakHerif
    KorkakHerif
    Üyeliği durduruldu
    AlperA. adlı üyeden alıntı: mesajı görüntüle
    responsivelik olayisi su hallediyor:



    <head></head> arasina ekliyorsunuz burda gosterildigi gibi:

    http://getbootstrap.com/2.3.2/gettin...#html-template
    Yani hocam şimdi o kodu ekledikten sonra responsive içi ayrı kod yazmamıza gerek kalmıyor mu ? Yoksa o kodu ekledikten sora responsive için media kodlarını biz mi yazıyoruz ?
  • 09-09-2013, 10:30:34
    #5
    AlperA.
    AlperA.
    KorkakHerif adlı üyeden alıntı: mesajı görüntüle
    Yani hocam şimdi o kodu ekledikten sonra responsive içi ayrı kod yazmamıza gerek kalmıyor mu ? Yoksa o kodu ekledikten sora responsive için media kodlarını biz mi yazıyoruz ?
    bootstrapin icinde (daha dogrusu bu framworklerde zaten o ozellik csslerin icinde var, siz sadece bunu ekleyerek reponsive davran diyorsunuz sisteme.
  • 09-09-2013, 11:34:05
    #6
    KorsaNvBh
    KorsaNvBh
    KorkakHerif adlı üyeden alıntı: mesajı görüntüle
    Yani hocam şimdi o kodu ekledikten sonra responsive içi ayrı kod yazmamıza gerek kalmıyor mu ? Yoksa o kodu ekledikten sora responsive için media kodlarını biz mi yazıyoruz ?
    O kod sadece tablet veya telefonlarda siteyi 1:1 ölçekte gösteriyor, yani sen siteyi yüzdelerle tasarlamazsan veya 768px aşağısında şöyle davran demezsen o kodun hiçbir anlamı yok.
  • 09-09-2013, 13:34:03
    #7
    Alexis
    Alexis
    Responsive olayını kendi hallediyor ancak grid sistemini (row/col) hatasız kullanmak gerek. Grid sistemi içerisinde cihaza göre farklı kullanımlar da mümkün olmakta. Bir de cihaza göre gösterim özelliği sağlayan yardımcı sınıflarda mevcut.

    Şu sayfayı açıp tarayıcıyı daraltarak etkisini görebilirsiniz:
    http://getbootstrap.com/examples/jumbotron/

    .