"Bookmarks Reading List"
Bootstrap 3.0.0 Snippet by godlyitnetwork

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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-xs-4 col-md-4"> <div class="panel panel-default moviebox"> <div class="panel-heading"><h3 class="panel-title movietitle">Panel title</h3></div> <div class="panel-body no-padding"> <div class="row"> <div class="col-xs-4 col-md-4"> <img src="http://vodly.to/thumbs/dracula-untold-99413845.jpg" alt="Dracula Untold" class="movieimg"/></div> <div class="col-xs-8 col-md-8"> <div class="well well-sm movieinfo">At the turn of the century, the young lord Vlad and his family live a peaceful life ruling over their small kingdom, but when a Turk warl ord demands from Vlad a thousand boys and his son to create an army Vlad seeks a terrible power that will allow him to protect his kin gdom and family from the Turks at a terrible cost</div> </div> </div> </div> </div> <div class="col-xs-4 col-md-4"> <div class="panel panel-default moviebox"> <div class="panel-heading"><h3 class="panel-title movietitle">Panel title</h3></div> <div class="panel-body no-padding"> <div class="row"> <div class="col-xs-4 col-md-4"> <img src="http://vodly.to/thumbs/dracula-untold-99413845.jpg" alt="Dracula Untold" class="movieimg"/></div> <div class="col-xs-8 col-md-8"> <div class="well well-sm movieinfo">At the turn of the century, the young lord Vlad and his family live a peaceful life ruling over their small kingdom, but when a Turk warl ord demands from Vlad a thousand boys and his son to create an army Vlad seeks a terrible power that will allow him to protect his kin gdom and family from the Turks at a terrible cost</div> </div> </div> </div> </div> </div> </div> </div> </div>
.moviebox { border-radius:10px; margin:0 auto; padding:0px; text-overflow: ellipsis; overflow:hidden; } .bgtest{ background-color: #666666; } .panel-body.text-center.no-padding { padding:0px; margin:0; background-color:#555555; } .movietitle { background-color: ##e7e7e7; border-radius:0px; font-size:14px; font-weight:bold; } .well.well-sm.movieinfo { margin-left:40px; background-color: ##e7e7e7; border-radius:0px; font-size:10px; padding:10px; text-overflow: ellipsis; } img.movieimg { border:1px solid #222222; }

Related: See More


Questions / Comments: