"Photo Bio Modal"
Bootstrap 3.3.0 Snippet by girliestgeek

<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"> <!-- Bio modal --> <a data-toggle="modal" data-target=".bs-example-modal-lg"><img src="http://placehold.it/150x150/"></a> <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content bio-modal"> <div class="col-sm-12 col-md-3"> <img src="http://placehold.it/150x150"/> </div> <div class="col-sm-12 col-md-9"> <h1>JANE DOE</h1> <p>Cupcake ipsum dolor sit amet. Sweet roll sweet roll dessert topping jelly gummies biscuit oat cake. Dessert muffin pastry cheesecake bonbon pudding caramel.</p> <p>Sesame snaps soufflé bear claw oat cake candy gummi bears pastry wafer. Icing gingerbread ice cream jujubes bonbon powder. Cake jelly-o dragée pudding powder. Cupcake fruitcake cookie cake chocolate bar lemon drops bear claw cheesecake candy.</p> <p>Sesame snaps liquorice tart oat cake apple pie gingerbread pudding. Sweet caramels chocolate sugar plum pudding. Muffin lollipop tiramisu biscuit jelly candy pastry.</p> <p>Wafer cake cotton candy sugar plum chocolate bar toffee biscuit. Candy topping chupa chups marshmallow muffin donut pudding. Jelly-o sesame snaps dragée. Lemon drops gingerbread caramels.</p> <p>Marzipan cupcake oat cake. Toffee caramels caramels. Tiramisu jelly-o biscuit jelly beans candy candy lemon drops.</p> </div> <div style="clear:both;"></div> </div> </div> </div> <!-- END Bio Modal--> </div> </div>
.bio-modal{padding:15px;}

Related: See More


Questions / Comments: