There is an incomprehensible space between my post columns, how to fix it?

Ask a question+

I am building a blog page for myself using php, I managed to get data from mysql and show the posts on the page, but when the posts have shown, there are some spaces which I can’t understand why do they appear.

I’ve tried to put every three div, which has col-md-4 class, in a different row but didn’t work. It works as I want when I make the class of the container “container-fluid” but I don’t want to use it that way.

<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>
                    <div class="side">
                        <h2 class="sidebar-heading">Categories</h2>
                            <ul class="category">
                                    <a href="blog.php?category=G%C3%BCnl%C3%BCk+Hayat#colorlib-container">
                                        <i class="icon-check"></i> Günlük Hayat
                                    <a href="blog.php?category=Genel#colorlib-container">
                                        <i class="icon-check"></i> Genel


As shown in the image, I will have only 4 posts in a page, so I just want them to look decent.

add comment

0 Answer

Your Answer