I'm currently working on implementing a specific design layout using Bootstrap, but I've hit a roadblock.
Here's the desired layout created with plain CSS: http://jsfiddle.net/n3rLx4n1/
And this is what I've managed to accomplish so far using Bootstrap (my comments start after the closing tags for clarity): http://jsfiddle.net/rx4ptj2k/3/
Bootstrap Code:
<div class="container">
<div class="row">
<div class="col-md-3 cover">
<div>COVER</div>
<div>MENU</div>
</div>
<div class="col-md-5 info">
<div>DETAILS</div>
</div>
<div class="col-md-4 tag">
<div>TAG</div>
...
</div>
</div>
<div class="row">
<div class="col-md-8 yorum">COMMENTS</div>
</div>
</div>
Plain HTML + CSS:
<div class="container">
<div class="left">
<div class="left-1">
<div class="cover">COVER</div>
<div class="menu">MENU</div>
</div>
<div class="left-2">
<div class="info">DETAILS</div>
</div>
<div class="clear"></div>
<div class="comments">COMMENTS</div>
</div>
<div class="right">
<div class="tag">
<div>TAG</div>
...
</div>
</div>
</div>
CSS:
.info {
background: red;
}
.tag {
background: lightslategrey;
}
.comment {
background: cadetblue;
}