• 01-12-2017, 02:14:14
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    merhaba sıkça kullanılıyor fakat hazır kodlarını bulamadım mutlaka biryerlerde paylaşılmıştır.
  • 01-12-2017, 02:30:07
    #2
    Developer
    Duce adlı üyeden alıntı: mesajı görüntüle
    merhaba sıkça kullanılıyor fakat hazır kodlarını bulamadım mutlaka biryerlerde paylaşılmıştır.
    Bootstrap 3 4 size ne lazımdı?
    Bootstrap 4

    <!-- r10.net fastphp -->
    <div class="row">
        <!-- left col -->
        <div class="col-6">
            left col
        </div>
        <!-- . left col -->
        <!-- right col -->
        <div class="col-6 row">
            <!-- right col one box -->
            <div class="col-12">
                 right col one box
            </div>
            <!-- . right col one box -->
            <!-- right col two box -->
            <div class="col-6">
                 right col two box
            </div>
            <div class="col-6">
                 right col two box
            </div>
            <!-- . right col two box -->
        </div>
        <!-- . right col -->
    </div>
    <!-- . r10.net fastphp -->
  • 01-12-2017, 03:04:55
    #3
    col-col bölmeden kendisi yapsın istiyor bence
  • 01-12-2017, 04:10:07
    #4
    Developer
    gencbeyin adlı üyeden alıntı: mesajı görüntüle
    col-col bölmeden kendisi yapsın istiyor bence
    Dediğin gibi olsaydı konunun başlığına grid sistem örnegi yazmazdı diye düşünüyorum. Yinede o tarz birşey istiyorsa bir section elementi oluşturup içindeki figurelara css ile müdahale ederek (:nth-child) yapabilir.
    https://getbootstrap.com/docs/4.0/layout/grid/
    https://getbootstrap.com/docs/4.0/utilities/flex/
  • 01-12-2017, 20:53:59
    #5
    teşekkürler dostlar, zaten grid sistem kullanıyorum fakat bootstrap üzerinden değil.
    arkadaşın da bahsettiği üzere kendi yapan bir hazır css şablonu var mı diye merak etmiştim.
  • 01-12-2017, 21:16:13
    #6
    Hazır yok diye biliyorum, nth-child(1) , 2-3-4 yakalayarak yapabilirsin.
  • 02-12-2017, 00:11:35
    #7
    Grid sistemle yapılabilir ama senin istediğin tam olarak tahmin ettiğim esnek yapı, yani resim hangi boyutta olursa olsun biribne yapışsın diyorsun. flex özelliğini araştır.
  • 02-12-2017, 06:36:40
    #8
    grafikcoder adlı üyeden alıntı: mesajı görüntüle
    Grid sistemle yapılabilir ama senin istediğin tam olarak tahmin ettiğim esnek yapı, yani resim hangi boyutta olursa olsun biribne yapışsın diyorsun. flex özelliğini araştır.
    Flex falanla kasmaya gerek yok. Background image'ye cover özelliği verilip yapılabilir. Ki ben daha önce bu temanın bir benzerini kodladım. İsteyene özelden nasıl göründüğüne dair link verebilirim.