如何在bootstrap 3

Question

美好的一天，

我正在为企业家建立一个免费的WordPress主题但遇到了这些挑战：

1. 我想摆脱邮政容器之间的空白区域，如上图所示。

2. 在两者之间的帖子中，帖子日期没有显示，我不知道为什么。

这是我的代码：

HTML / PHP

<div class="container-fluid">

<div class="navbar">

<div>
<a class="navbar-brand" href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>" >
<?php bloginfo('name'); ?></a>
</div>

<div>
    <!--<h1 class="blog-title"><?php bloginfo( 'name' ); ?></h1>-->
    <?php $description = get_bloginfo( 'description', 'display' ); ?>
<?php if($description) { ?><p class="blog-description"><?php echo $description ?></p><?php } ?></p>

    <?php wp_nav_menu (array( 
        'theme_location' => 'header-menu', 
        'menu_class' => 'nav navbar-nav pull-right' 
    ) ); ?>

</div>

    

CSS：

.layerit {
width: 100%;
height: 100%;
padding-top: 170px;
margin: 0 auto;
background: rgba(0, 0, 0, .3);
position: relative;
bottom: 0;
right: 0;
text-align: center;
transition: background-color .9s ease;

}

.home-title {
 color: white;

 }

.home-author {
 color: white;
 padding-top: 20px;
 padding-bottom: 90px;
}


 div.no-margin {

 }

感谢您的帮助。

Answer 1

对于垂直线： font-size：0;在父元素上

OR

＆＃13;

＆＃13;

ul {
  padding: 0;
}
li{
  display: inline-block;
  background: red;
  width: 20px;
  height: 20px;
}

＆＃13;

<ul>
  <li></li>
  <li></li>
</ul>

＆＃13;

＆＃13;

＆＃13; 应该

＆＃13;

＆＃13;

ul {
  padding: 0;
}
li{
  display: inline-block;
  background: red;
  width: 20px;
  height: 20px;
}

＆＃13;

<ul>
  <li></li><li></li>
</ul>

＆＃13;

＆＃13;

＆＃13;

对于水平线： vertical-align：top;对于儿童元素

编辑：将所有<li>标记放在一行中会删除标记中的空格，这就是导致原始问题中的空格的原因。另一种更易于管理的方法是在结束标记和下一个开放标记之间使用html注释，如下所示：

<li>...</li><!--

--><li>...</li><!--

--><li>...</li>