bootstrap yardım

28-05-2020, 20:32:12

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

KodcuADAM

Pm atıldı

28-05-2020, 20:36:07

#3

alidincer

card text-center classı olanlara float-left ekler misin ikisinede bide boyle dene

28-05-2020, 20:42:16

#4

~~Mettwork~~

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

CumaliALP

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

rws

anasayfa classına d-flex classı ekleyin

29-05-2020, 00:58:59

#7

~~Mettwork~~

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

CumaliALP

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.