"Bootstrap 3.0.0 Blog Post Example"
Bootstrap 3.0.0 Snippet by ionut95

<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="col-md-12"> <div class="post"> <h1>Alice in Wonderland, part dos</h1> <p>'You ought to be ashamed of yourself for asking such a simple question,' added the Gryphon; and then they both sat silent and looked at poor Alice, who felt ready to sink into the earth. At last the Gryphon said to the Mock Turtle, 'Drive on, old fellow! Don't be all day about it!' and he went on in these words: 'Yes, we went to school in the sea, though you mayn't believe it—' 'I never said I didn't!' interrupted Alice. 'You did,' said the Mock Turtle.</p> <div style="height:100px"> <div class="label label-success">Posted 2012-08-02 20:47:04</div><div class="pull-right"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQp1aCr9CQAf3eDOkhcCzhSKwAFdnXZZ6qNDQ1XrRzSPNHMuzzzvQ" class="img-responsive img-thumbnail" style="width:40%;height:40%;"><br> <span class="label label-danger">Mihai Alexandru Ionut</span> </div> </div> </div> <hr> <div class="post"> <h1>Revolution has begun!</h1> <p>'I am bound to Tahiti for more men.' 'Very good. Let me board you a moment—I come in peace.' With that he leaped from the canoe, swam to the boat; and climbing the gunwale, stood face to face with the captain. 'Cross your arms, sir; throw back your head. Now, repeat after me. As soon as Steelkilt leaves me, I swear to beach this boat on yonder island, and remain there six days. If I do not, may lightning strike me!'A pretty scholar,' laughed the Lakeman. 'Adios, Senor!' and leaping into the sea, he swam back to his comrades.</p> <div style="height:100px"> <div class="label label-success">Posted 2012-08-02 20:47:04</div><div class="pull-right"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQp1aCr9CQAf3eDOkhcCzhSKwAFdnXZZ6qNDQ1XrRzSPNHMuzzzvQ" class="img-responsive img-thumbnail" style="width:40%;height:40%;"><br> <span class="label label-danger">Mihai Alexandru Ionut</span> </div> </div> <hr> </div> </div>
.post:hover{ background-color:lightgrey; box-shadow: inset 0 0 0 25px #53a7ea; }

Related: See More


Questions / Comments: