"Ex3"
Bootstrap 3.0.0 Snippet by andrewbsc

Post to Facebook Tweet this

<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 ----------> <!DOCTYPE html> <html> <head> <title></title> </head> <body> <section> <div class="row hidden-sm"> <!-- ROW1 --> <div class="row" align="center"> <img src="http://spfood.access.ly/img/ex3/top.png" class="img-responsive"> </div> <!-- ROW2 --> <div class="row" align="center"> <div class="col-lg-3"> </div> <div class="col-lg-2"> <img src="http://spfood.access.ly/img/ex3/01.png" class="img-responsive"> </div> <div class="col-lg-1" align="left" style="padding-top: 60px;"> <h4>Lifestyle</h4><br> <h5>The camera would miss it all. A magnificent picture is never worth...</h5><br> There is in fact something obscene and sinister about photography, a desire to imprison, to incorporate, a sexual intensity of pursuit... </div> <div class="col-lg-2"> <img src="http://spfood.access.ly/img/ex3/02.png" class="img-responsive"> </div> <div class="col-lg-1"> </div> <div class="row"></p></div> <div class="col-lg-3"> </div> </div> <!-- ROW3 --> <div class="row" align="center"> <div class="col-lg-3"> </div> <div class="col-lg-2"> <img src="http://spfood.access.ly/img/ex3/03.png" class="img-responsive"> </div> <div class="col-lg-1"> </div> <div class="col-lg-2"> <img src="http://spfood.access.ly/img/ex3/04.png" class="img-responsive"> </div> <div class="col-lg-1"> </div> <div class="col-lg-3"> </div> </div> <!-- ROW4 --> <div class="row" align="center"> <img src="http://spfood.access.ly/img/ex3/loadmore.png" class="img-responsive"> </div> <div class="col-lg-12 visible-sm"> <img src="http://spfood.acces.ly/img/ex3/01.png" class="img-responsive img-rounded"> </div> <div class="col-lg-12 visible-sm"> <img src="http://spfood.acces.ly/img/ex3/02.png" class="img-responsive img-rounded"> </div> <div class="col-lg-12 visible-sm"> <img src="http://spfood.acces.ly/img/ex3/03.png" class="img-responsive img-rounded"> </div> <div class="col-lg-12 visible-sm"> <img src="http://spfood.acces.ly/img/ex3/04.png" class="img-responsive img-rounded"> </div> </div> </section> </body> </html>

Related: See More

Vue Argon Design System

Questions / Comments: