Bootstrap forum post

by Jeff

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">

            <div class="panel panel-primary">
                <div class="panel-heading">
                    Posted on 2/15/15 at 8:23 AM <span class="pull-right">#1</span>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="post-user">
                                <img src="http://placehold.it/128"/>
                                <strong>Username</strong>
                            </div>
                            <div class="post-content">
                                Post content
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer text-muted">
                    <a href="#">Edit</a> | <a href="#">Report</a>
                </div>
            </div>
            
            <div class="panel panel-default">
                <div class="panel-heading">
                    Posted on 2/15/15 at 8:23 AM <span class="pull-right">#2</span>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="post-user">
                                <img src="http://placehold.it/128"/>
                                <strong>Username</strong>
                            </div>
                            <div class="post-content">
                                Deleted/Muted Post
                            </div>
                        </div>
                    </div>
                </div>
                <div...

CSS

body {
    padding-top:15px;
}

@media(min-width: 992px){
    .post-user {
        border-right:1px solid #dddddd;
        padding-right:15px;
        width:143px;
        float:left;
    }
    .post-user img {
        max-width:128px;
    }
    .post-content {
        float:left;
        margin-left:15px;
    }
}

@media (max-width: 991px){
    .post-user {
        border-bottom: 1px solid #dddddd;
        padding-bottom:15px;
    }
    .post-user img {
        max-width:48px;
        vertical-align:bottom;
    }
    .post-content {
        margin-top:15px;
    }
}

.post-tools {
    border-top:1px solid #dddddd;
    margin-top:15px;
    padding-top:15px;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<style>