與Wordpress預覽圖像和引導線斷裂

我目前正在與bootstrap的WordPress主題，我無法弄清楚如何在移動視圖中設置我的帖子換行符。我想至少有向上的我的預覽圖像的右側4-5的話（目前它甚至還可以顯示在右側，看起來傻單個詞）與Wordpress預覽圖像和引導線斷裂

我的FrontPage中的代碼如下所示：

<div class="content"> 

    <?php if (have_posts()) : ?> 
    <?php while (have_posts()) : the_post(); ?> 

     <div class="row"><!-- Row Start --> 

     <div class="col-xs-12"> 

      <h1><?php the_title(); ?></h1> 
     </div> 
     <div class="col-xs-12"> 

      <?php if (has_post_thumbnail()) 
      echo '<div class="post_thumb">' . get_the_post_thumbnail(null, 'medium') . '</div>'; 
      ?> 
      <?php the_excerpt(); ?> 
      <a href="<?php the_permalink(); ?>">Weiter zum kompletten Beitrag</a> 
     </div> 
     </div> 


     <div class="row trenner"> 
     <div class="col-xs-12"><hr></div> 
     </div> 

    <?php endwhile; ?> 
    <?php endif; ?> 

</div>

謝謝！

來源

2016-04-29 Tim

您可以應用兩種方法，第一種方法是根據需要減少圖像寬度，並且您的內容將自動隨時在那裏。或者您可以將圖片全幅添加，並且您的所有內容都將位於縮略圖下方。爲此，你必須在給定的樣式下應用這個。

.post_thumb { 
display: block; 
text-align: center; 
}

它到你現在，哪一個適合你。

來源

2016-04-29 09:51:32 laraib

圖片太大，無法容納右邊的4-5個字，所以請使用縮略圖（或設置適合您設計理念的寬度的圖片尺寸）而不是中等尺寸作爲get_the_post_thumbnail的第二個參數

來源

2016-04-29 10:04:10

與Wordpress預覽圖像和引導線斷裂

回答

相關問題