Php 我的帖子栏之间有一个无法理解的空格,如何修复?
我正在使用php为自己构建一个博客页面,我设法从mysql获取数据并在页面上显示帖子,但是当帖子显示出来时,有些空间我不明白为什么会出现 我试着把每三个有col-md-4类的div放在不同的一行,但没有成功。当我创建容器类“container fluid”时,它可以按我所希望的方式工作,但我不想这样使用它Php 我的帖子栏之间有一个无法理解的空格,如何修复?,php,html,css,bootstrap-4,Php,Html,Css,Bootstrap 4,我正在使用php为自己构建一个博客页面,我设法从mysql获取数据并在页面上显示帖子,但是当帖子显示出来时,有些空间我不明白为什么会出现 我试着把每三个有col-md-4类的div放在不同的一行,但没有成功。当我创建容器类“container fluid”时,它可以按我所希望的方式工作,但我不想这样使用它 <div id="colorlib-container" class="container"> <div class="row"> <!-
<div id="colorlib-container" class="container">
<div class="row">
<!--
*design the sidebar so it shows the last three posts by using LIMIT.
-->
<div class="col-sm-4">
<div class="sidebar">
<div class="side">
<div class="form-group">
<input type="text" class="form-control" id="search" placeholder="Enter any key to search...">
<button type="submit" class="btn btn-primary">
<i class="icon-search3"></i>
</button>
</div>
</div>
<div class="side">
<h2 class="sidebar-heading">Categories</h2>
<p>
<ul class="category">
<li>
<a href="blog.php?category=G%C3%BCnl%C3%BCk+Hayat#colorlib-container">
<i class="icon-check"></i> Günlük Hayat
</a>
</li>
<li>
<a href="blog.php?category=Genel#colorlib-container">
<i class="icon-check"></i> Genel
</a>
</li>
</ul>
</p>
</div>
<div class="side">
<h2 class="sidebar-heading">Categories</h2>
<p>
<ul class="category">
<li>
<a href="blog.php?category=G%C3%BCnl%C3%BCk+Hayat#colorlib-container">
<i class="icon-check"></i> Günlük Hayat
</a>
</li>
<li>
<a href="blog.php?category=Genel#colorlib-container">
<i class="icon-check"></i> Genel
</a>
</li>
</ul>
</p>
</div>
<div class="side">
<h2 class="sidebar-heading">Categories</h2>
<p>
<ul class="category">
<li>
<a href="blog.php?category=G%C3%BCnl%C3%BCk+Hayat#colorlib-container">
<i class="icon-check"></i> Günlük Hayat
</a>
</li>
<li>
<a href="blog.php?category=Genel#colorlib-container">
<i class="icon-check"></i> Genel
</a>
</li>
</ul>
</p>
</div>
<div class="side">
<h2 class="sidebar-heading">Son Gönderiler</h2>
<div class="f-blog">
<a href="post.php?id=16" class="blog-img" style="background-image: url(images/blog-3.jpg);"></a>
<div class="desc">
<h3>
<a href="blog.html">post başlığı</a>
</h3>
<p class="admin">
<span>2019-05-10 18:28:10</span>
</p>
</div>
</div>
<div class="f-blog">
<a href="post.php?id=15" class="blog-img" style="background-image: url(images/blog-3.jpg);"></a>
<div class="desc">
<h3>
<a href="blog.html">Tuğrul'un Roblox Sevdası</a>
</h3>
<p class="admin">
<span>2019-05-10 18:28:10</span>
</p>
</div>
</div>
<div class="f-blog">
<a href="post.php?id=14" class="blog-img" style="background-image: url(images/blog-3.jpg);"></a>
<div class="desc">
<h3>
<a href="blog.html">post başlığı</a>
</h3>
<p class="admin">
<span>2019-05-10 18:28:10</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="blog-entry">
<div class="blog-img">
<a href="post.php?id=9">
<img src="images/blog-3.jpg" class="img-responsive" alt="html5 bootstrap template">
</a>
</div>
<div class="desc">
<p class="meta">
<span class="cat">
<a href="#">Günlük Hayat</a>
</span>
<span class="date">2019-05-10 18:28:10</span>
<span class="pos">By
<a href="#">cgrdmz</a>
</span>
</p>
<h2>
<a href="post.php?id=9">Tuğrul'un Roblox Sevdası</a>
</h2>
<p>merhaba! benim bbir kardeşim var, ismi tuğrul. Bu velet bilgisayar oyunları oynamayı küçük yaşlarından beri çok seviyor.</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="blog-entry">
<div class="blog-img">
<a href="post.php?id=11">
<img src="images/blog-3.jpg" class="img-responsive" alt="html5 bootstrap template">
</a>
</div>
<div class="desc">
<p class="meta">
<span class="cat">
<a href="#">Günlük Hayat</a>
</span>
<span class="date">2019-05-10 18:28:10</span>
<span class="pos">By
<a href="#">cgrdmz</a>
</span>
</p>
<h2>
<a href="post.php?id=11">Tuğrul'un Roblox Sevdası</a>
</h2>
<p>merhaba! benim bbir kardeşim var, ismi tuğrul. </p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="blog-entry">
<div class="blog-img">
<a href="post.php?id=13">
<img src="images/blog-3.jpg" class="img-responsive" alt="html5 bootstrap template">
</a>
</div>
<div class="desc">
<p class="meta">
<span class="cat">
<a href="#">Günlük Hayat</a>
</span>
<span class="date">2019-05-10 18:28:10</span>
<span class="pos">By
<a href="#">cgrdmz</a>
</span>
</p>
<h2>
<a href="post.php?id=13">Tuğrul'un Roblox Sevdası</a>
</h2>
<p>merhaba! benim bbir kardeşim var, ismi tuğrul. </p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="blog-entry">
<div class="blog-img">
<a href="post.php?id=15">
<img src="images/blog-3.jpg" class="img-responsive" alt="html5 bootstrap template">
</a>
</div>
<div class="desc">
<p class="meta">
<span class="cat">
<a href="#">Günlük Hayat</a>
</span>
<span class="date">2019-05-10 18:28:10</span>
<span class="pos">By
<a href="#">cgrdmz</a>
</span>
</p>
<h2>
<a href="post.php?id=15">Tuğrul'un Roblox Sevdası</a>
</h2>
<p>merhaba! benim bbir kardeşim var, ismi tuğrul. merhaba! benim bbir kardeşim var, ismi tuğrul. merhaba! benim bbir kardeşim var, ismi tuğrul. </p>
</div>
</div>
</div>
</div>
类别
-
-
类别
-
-
类别
-
-
圣安德里勒
2019-05-10 18:28:10
2019-05-10 18:28:10
2019-05-10 18:28:10
梅哈巴!贝尼姆·比尔·卡尔德伊姆·瓦尔,伊斯米·图鲁尔。但是,我们的目标是实现可持续发展
梅哈巴!贝尼姆·比尔·卡尔德伊姆·瓦尔,伊斯米·图鲁尔
梅哈巴!贝尼姆·比尔·卡尔德伊姆·瓦尔,伊斯米·图鲁尔