Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > HTML - CSS - XML
Bikoin

divler merdiven şeklinde gözüküyor -bootstrap

  #1  
Okunmamış 16 Nisan 2018, 16:34
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 11 Nisan 2018
Yaş / Cinsiyet: 22 / Erkek
Meslek: web tasarım
Ad, Soyad: Mu... De...
Mesajlar: 14
Beğeniler: 0 / 2
Ticaret: 0, 0%
merhaba, aekadaşlar aşağıda her satırda 3 mesaj halinde bir görüntü elde etmeye çalışıyorum.yalnız hizalı durduramadım.

PHP- Kodu:
<section class="container" >
    
     
         <div class="row">
         <div class="col-lg-12 ">  
    
     <!-- header -->
            <header class="header2 clear" role="banner">

                    <div class="wrapper2">

                            <!-- logo -->
                            <div class="logo2"  >
                                <?php echo get_avatar$curauth->user_email '90 '); ?>
                                
                             <img src="<?php bloginfo('template_directory'); ?>/32x32.png" alt="Avatar"class="logo9"  />    
                            <?php echo $curauth->display_name?>
                               
                            </div>
                       
                        <!-- /logo--></div> </header> 
                  
                  
     
        </div>
             
             </div>
             
 </div>

</div>
        <div class="row">
         <div class="col-lg-12 ">  
    
     <div class="container">
    <div class="row">
                                        <div class="col-md-12">
                                    <!-- Nav tabs --><div class="card">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
                                        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
                               
                                    </ul>

                                    <!-- Tab panes -->
                                    <div class="tab-content">
                                        <div role="tabpanel" class="tab-pane active" id="home">
                                          
         <div class="row">
         <div class="col-lg-12 ">  
           
                                                
<h2>Posts by <?php echo $curauth->nickname?>:</h2>
 
 
         <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h3>
      <div class="col-lg-4 entry" >
                                            <div class="entry-content">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>">
<?php the_title(); ?></a>
</h3>
<p class="posted-on">Posted on: <?php the_time('d M Y'); ?></p>
 
<?php the_excerpt(); ?>
 
<?php endwhile; 
 
// Previous/next page navigation.
the_posts_pagination();
 
 
else: 
?>
<p><?php _e('No posts by this author.'); ?></p>
 
<?php endif; ?>
 
    </div></div></div></div>
                                        <div role="tabpanel" class="tab-pane" id="profile"> <?php echo $curauth->description?></div>
                                     
                                   
                                    </div>
</div>
                                </div>
    </div>
</div>
             <!------ Include the above in your HEAD tag ---------->
                  
                  
     
        </div>
             
             </div>
     
 

    
    
    


    
    

</section>
  #2  
Okunmamış 16 Nisan 2018, 16:39
creed74 Adlı Üyenin Avatarı
 
Üyelik Tarihi: 30 Haziran 2016
Cinsiyet: Erkek
Meslek: Yazılım
Ad, Soyad: Ya... Tu...
Mesajlar: 1.034
Beğeniler: 376 / 32
Ticaret: 38, 100%
while döngüsünü col-lg-4 ten önce başlatmış ama while döngüsünü col-lg-4 içinde sonlandırmışsınız, endwhile ı col-lg-4 divinin dışına alın..
  #3  
Okunmamış 16 Nisan 2018, 16:57
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 11 Nisan 2018
Yaş / Cinsiyet: 22 / Erkek
Meslek: web tasarım
Ad, Soyad: Mu... De...
Mesajlar: 14
Beğeniler: 0 / 2
Ticaret: 0, 0%
o zaman da alt altta bir görüntü elde ediyorum.her satırda 3 içerik lazım??
Konu comonda2 tarafından (16 Nisan 2018, 17:51 ) değiştirilmiştir.
  #4  
Okunmamış 16 Nisan 2018, 18:23
creed74 Adlı Üyenin Avatarı
 
Üyelik Tarihi: 30 Haziran 2016
Cinsiyet: Erkek
Meslek: Yazılım
Ad, Soyad: Ya... Tu...
Mesajlar: 1.034
Beğeniler: 376 / 32
Ticaret: 38, 100%
col-lg-4 divi zaten ücte biridir, dolayısıyla her satırda 3 içerik olur, 4 içerik listelenirse üçünü yan yana, dördüncüyü bir alta alır..
  #5  
Okunmamış 16 Nisan 2018, 18:29
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 11 Nisan 2018
Yaş / Cinsiyet: 22 / Erkek
Meslek: web tasarım
Ad, Soyad: Mu... De...
Mesajlar: 14
Beğeniler: 0 / 2
Ticaret: 0, 0%
her satırda bir içerik biçiminde gözüküyor
  #6  
Okunmamış 18 Nisan 2018, 02:37
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 29 Eylül 2011
Cinsiyet: Erkek
Meslek: öğrenci
Konum: Manisa
Ad, Soyad: Mu... Ka...
Mesajlar: 409
Beğeniler: 83 / 25
Ticaret: 1, 100%
comonda2 hangi cihazdan baktığınızıda yazarsanız iyi olur çünkü cihaza göre yerleşim şekli değişiyor birde bu sayfayı incelemenizi tavsiye ediyorum

http://trbootstrap.com/css/#grid-options
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > HTML - CSS - XML


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 18:54.