如何在帖子提要中获得行填充？

时间：2017-04-29 作者：Tracy

我有一个自定义的帖子循环到我制作的模板中-行必须在循环之外，否则帖子不会垂直排列。然而，我需要在帖子之间留出一些间距-下面的图片可以说明：Showing my row of posts with no padding

我曾尝试在css中设置行填充/边距，但它只适用于包含循环的行，而不适用于流入循环的任何内容。我不知道该如何设计这个。我假设我在col周围添加了另一个类，我也尝试了这个类。

2 个回复
SO网友:Disk01

您可以采用以下几种可能的方法：

添加<br /> html标记在内部<div style="...">....</div>

Example:

<div style="padding:10px;">...</div>
您还可以使用<table> 如果你愿意

SO网友:Tarun modi

Hi-Tracy您还可以使用引导类来更好地设计：

<div class="container">
    <div class="row">
        <div class="col-sm-4">
          <h3>Column 1</h3>
          <p>Lorem ipsum dolor..</p>
          <p>Ut enim ad..</p>
        </div>
        <div class="col-sm-4">
          <h3>Column 2</h3>
          <p>Lorem ipsum dolor..</p>
          <p>Ut enim ad..</p>
        </div>
        <div class="col-sm-4">
          <h3>Column 3</h3>
          <p>Lorem ipsum dolor..</p>
          <p>Ut enim ad..</p>
        </div>
      </div>
    </div>

标签： loop   css   twitter-bootstrap   小码农  

相关推荐

通过主题定制器编辑style.css

直到现在，在我的Wordpress主题中，我在主题定制器中实现了一些必要的样式选项，这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记，例如，这里我实现了颜色选择器，如果默认状态发生更改，我会输出样式：function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0