<div class="container">
    <div class="row">

        <div class="col-md-3">
            <!-- komponen panel di sini  -->
            <div class="panel panel-default">

    <div class="panel-heading post-thumb">
        <img class="img img-responsive" src="https://1.bp.blogspot.com/-Si2mC34KXNA/WMbVnxfxN5I/AAAAAAAAEXE/GJGrexSZzQM33kfA_SvaoTczsZkAyilmACK4B/s1600/ubuntu-1704-default-wallpaper.jpg" />
    </div>

    <div class="panel-body post-body">
        <a class="label label-default" href="#">Label</a>
            <h3 class="post-title">
            <a href="#">Judul Artikel yang Sangat Bagus</a>
            </h3>

            <div class="post-author">
                <img class="author-photo" height="32" src="https://3.bp.blogspot.com/-Reoz1l_Q0RE/WKuilfzo8JI/AAAAAAAAEGY/Kg3cJZ6qE4g8FH1E35svGLmzGEjRHpMsACPcB/s100/pp-hitamputih-02-2017.jpg" width="32">
                <a href="https://twitter.com/ardiantapargo">Ardianta Pargo</a>
            </div>
        
    </div>

</div>
        </div>

        <div class="col-md-3">
            <!-- komponen panel di sini  -->
            <div class="panel panel-default">

    <div class="panel-heading post-thumb">
        <img class="img img-responsive" src="https://1.bp.blogspot.com/-Si2mC34KXNA/WMbVnxfxN5I/AAAAAAAAEXE/GJGrexSZzQM33kfA_SvaoTczsZkAyilmACK4B/s1600/ubuntu-1704-default-wallpaper.jpg" />
    </div>

    <div class="panel-body post-body">
        <a class="label label-default" href="#">Label</a>
            <h3 class="post-title">
            <a href="#">Judul Artikel yang Sangat Bagus</a>
            </h3>

            <div class="post-author">
                <img class="author-photo" height="32" src="https://3.bp.blogspot.com/-Reoz1l_Q0RE/WKuilfzo8JI/AAAAAAAAEGY/Kg3cJZ6qE4g8FH1E35svGLmzGEjRHpMsACPcB/s100/pp-hitamputih-02-2017.jpg" width="32">
                <a href="https://twitter.com/ardiantapargo">Ardianta Pargo</a>
            </div>
        
    </div>

</div>
        </div>

        <div class="col-md-3">
            <!-- komponen panel di sini  -->
            <div class="panel panel-default">

    <div class="panel-heading post-thumb">
        <img class="img img-responsive" src="https://1.bp.blogspot.com/-Si2mC34KXNA/WMbVnxfxN5I/AAAAAAAAEXE/GJGrexSZzQM33kfA_SvaoTczsZkAyilmACK4B/s1600/ubuntu-1704-default-wallpaper.jpg" />
    </div>

    <div class="panel-body post-body">
        <a class="label label-default" href="#">Label</a>
            <h3 class="post-title">
            <a href="#">Judul Artikel yang Sangat Bagus</a>
            </h3>

            <div class="post-author">
                <img class="author-photo" height="32" src="https://3.bp.blogspot.com/-Reoz1l_Q0RE/WKuilfzo8JI/AAAAAAAAEGY/Kg3cJZ6qE4g8FH1E35svGLmzGEjRHpMsACPcB/s100/pp-hitamputih-02-2017.jpg" width="32">
                <a href="https://twitter.com/ardiantapargo">Ardianta Pargo</a>
            </div>
        
    </div>

</div>
        </div>

        <div class="col-md-3">
            <!-- komponen panel di sini  -->
            <div class="panel panel-default">

    <div class="panel-heading post-thumb">
        <img class="img img-responsive" src="https://1.bp.blogspot.com/-Si2mC34KXNA/WMbVnxfxN5I/AAAAAAAAEXE/GJGrexSZzQM33kfA_SvaoTczsZkAyilmACK4B/s1600/ubuntu-1704-default-wallpaper.jpg" />
    </div>

    <div class="panel-body post-body">
        <a class="label label-default" href="#">Label</a>
            <h3 class="post-title">
            <a href="#">Judul Artikel yang Sangat Bagus</a>
            </h3>

            <div class="post-author">
                <img class="author-photo" height="32" src="https://3.bp.blogspot.com/-Reoz1l_Q0RE/WKuilfzo8JI/AAAAAAAAEGY/Kg3cJZ6qE4g8FH1E35svGLmzGEjRHpMsACPcB/s100/pp-hitamputih-02-2017.jpg" width="32">
                <a href="https://twitter.com/ardiantapargo">Ardianta Pargo</a>
            </div>
        
    </div>

</div>
        </div>

    </div>
</div>

/* tinggi card */
.post-body {
    height: 215px;
    position: relative;
    padding: 20px 15px 0;
}

/* untuk menghilangkan padding pada .panel-heading */
.post-thumb {
    padding: 0
}

/* mengatur font dan link judul artikel*/
.post-title a {
    color: rgba(0,0,0,0.7);
    font-weight: 700;
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing: 0.01rem;
}
.post-title a:hover { text-decoration: none }

/* posisi author selalu di bawah */
.post-author {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 13px;
}

.post-author .author-photo {
    margin-right: 10px;
    border-radius: 50%;
}