• 28-05-2020, 20:32:12
    #1
    Kod ve sonuç aşağıda mevcut. Kısacası yapmak istediğim. İkinci yani aşağıdaki kartı birincinin yanına birleşik olarak eklemek. Ama ekleyince altına koyuyor. Column olaylarını denedim biraz o da sayfayı 3 e felan bölüyor. Ben column olayına girmeden direkt hepsini sayfa genişliği ne kadarsa yanyana çıkartmak istiyorum ne kadar varsa. Ne yapmam gerekir?



  • 28-05-2020, 20:34:57
    #2
    Pm atıldı
  • 28-05-2020, 20:36:07
    #3
    card text-center classı olanlara float-left ekler misin ikisinede bide boyle dene
  • 28-05-2020, 20:42:16
    #4
    alidincer adlı üyeden alıntı: mesajı görüntüle
    card text-center classı olanlara float-left ekler misin ikisinede bide boyle dene
    böyle oldu ama şimdi de hocam ortalamak istiyorum mesela hepsini bi div içine aldım. margin 0 auto dedim ama ortalanmıyor container içinde. padding-left ile ortalamaya çalışınca da mobil görünümde bozuluyor
  • 28-05-2020, 21:51:33
    #5
    Kimlik doğrulama veya yönetimden onay bekliyor.
    /edit. Bu şekilde denermisiniz. Cep telefonunda 1 kolon diğer ekranlarda 2 kolon olarak görünecektir.

    <div class="anasayfa">
        <div class="row">
            <div class="col-sm-6 mb-3">
              <div class="card text-center">
                <div class="card-body">
                  <h5 class="card-title">başlık burada</h5>
                  <p class="card-text">açıklama burada</p>
                  <a href="#" class="btn btn-primary">buton burada</a>
                </div>
              </div>
            </div>
            <div class="col-sm-6 mb-3">
              <div class="card text-center">
                <div class="card-body">
                    <h5 class="card-title">başlık burada</h5>
                    <p class="card-text">açıklama burada</p>
                    <a href="#" class="btn btn-primary">buton burada</a>
                </div>
              </div>
            </div>
          </div>
        </div>
  • 28-05-2020, 21:54:52
    #6
    anasayfa classına d-flex classı ekleyin
  • 29-05-2020, 00:58:59
    #7
    CumaliALP adlı üyeden alıntı: mesajı görüntüle
    /edit. Bu şekilde denermisiniz. Cep telefonunda 1 kolon diğer ekranlarda 2 kolon olarak görünecektir.

        <div class="anasayfa d-flex">
    <div class="row">
              <div class="col-sm">
                  <div class="card-body">
                <div class="card text-center" style="width: 18rem;">
                    <h5 class="card-title">başlık burada</h5>
                    <p class="card-text">açıklama burada</p>
                    <a href="#" class="btn btn-primary">buton burada</a>
                    </div>
                </div>
              </div>
              <div class="col-sm">
                <div class="card-body">
                <div class="card text-center" style="width: 18rem;">
                    <h5 class="card-title">başlık burada</h5>
                    <p class="card-text">açıklama burada</p>
                    <a href="#" class="btn btn-primary">buton burada</a>
                    </div>
                </div>
              </div>
            </div>
          </div>

    mobilde böyle gözükyüorhocam padding vermek mi lazım

  • 29-05-2020, 01:39:12
    #8
    Mettwork adlı üyeden alıntı: mesajı görüntüle
    mobilde böyle gözükyüorhocam padding vermek mi lazım
    Yukarıdaki kodu güncelledim, daha stabil bir hale getirdim, mb-3 buradaki 3 değerini 0 ila 5 arasında değişebilirsiniz ayrıca auto seçeneğini de kullanabilirsiniz tasarımınıza uygun olanı seçersiniz hocam.
    /edit, bir sorun olursa lütfen dosyanızı bana gönderin gerekli düzeltmeleri yapayım.