<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="page-header">Отзывы</h2>
<section class="comment-list">
<!-- First Comment -->
<article class="row">
<div class="col-md-4 col-sm-4">
<div class="panel panel-default">
<div class="panel-body">
<header class="text-right">
<div class="comment-user"><i class="fa fa-user"></i> BIG BOSS</div>
<time><i class="fa fa-clock-o"></i> Dec 16, 2014</time>
</header>
<hr>
<div class="comment-post">
<p>
SUUUUPER AWWWWW~
</p>
</div>
</div>
</div>
</div>
</article>
</section>
</div>
</div>
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
height: 100%;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
background-color: #ffffff;
}
#snippet-preview {
position: relative;
top:0px;left:0px; width:100%; height:100%;
z-index:50
}
#toolbar {
z-index: 1000;
padding: 5px;
border-bottom: 1px #CCC solid;
-webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.42);
-moz-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.42);
box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.42);
margin-bottom: 10px;
text-align: right;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active
{
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active{
background-image: none;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover,
a:focus {
color: #2a6496;
text-decoration: underline;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
