Bootstrap forum list

by Sergey Py

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<div class="container-fluid">
    <div class="row hidden-md hidden-lg">
        <div class="col-sm-12">
            <div class="panel panel-primary forum-category">
                <div class="panel-heading">
                    <h1 class="panel-title">Forum Category 324234: Mobile 333</h1>
                </div><!--/panel-header-->
                <div class="list-group">
                    <a href="#" class="list-group-item forum-thread-title">
                        <span class="text-primary">Pinned topic</span>
                        <span class="glyphicon glyphicon-chevron-right text-primary pull-right"></span>
                    </a>
                    <div class="panel-footer"></div>
                  <a href="#" class="list-group-item forum-thread-title">
                      <span class="text-primary">Normal Topic</span>
                      <span class="glyphicon glyphicon-chevron-right text-primary pull-right"></span>
                  </a>
                  <a href="#" class="list-group-item forum-thread-title">
                      <span class="text-primary">Read Only Topic</span>
                      <span class="glyphicon glyphicon-lock text-primary pull-right"></span>
                  </a>
                  <div class="list-group-item list-group-item-danger forum-thread-title">
                      Deleted Topic
                      <span class="glyphicon glyphicon-remove pull-right"></span>
                  </div>
                  <a href="#" class="list-group-item list-group-item-warning forum-thread-title">
                      Hot Topic
                      <span class="glyphicon glyphicon-fire pull-right"></span>
                  </a>
                  <a href="#" class="list-group-item list-group-item-info forum-thread-title">
        ...

CSS

body {
    padding-top:15px;
}

.divider {
    cursor:default !important;
}

.forum-table>tbody>tr>td:first-child{
    width:50%;
}

.forum-table>tbody>tr>td:nth-child(2){
    width:15%;
}

.forum-table>tbody>tr>td:last-child{
    width:35%;
}

.forum-category .forum-thread-title>a, .forum-category .forum-thread-title{
    font-weight:bold;
}