| 23 | | |
| | 23 | <div class="col-xs-18 col-sm-6 col-md-3"> |
| | 24 | <div class="thumbnail"> |
| | 25 | <img src="http://placehold.it/500x250/6495ED"> |
| | 26 | <div class="caption"> |
| | 27 | <h4 style="color:#6495ED"><span class="glyphicon glyphicon-th-large"></span>Thumbnail label</h4> |
| | 28 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p> |
| | 29 | <a href="#" class="btn btn-default btn-xs pull-right" role="button"><i class="glyphicon glyphicon-edit"></i></a> <a href="#" class="btn btn-info btn-xs" role="button"><span class="glyphicon glyphicon-thumbs-up"></span>Button</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a> |
| | 30 | </div> |
| | 31 | </div> |
| | 32 | </div> |
| | 33 | |
| | 34 | <div class="col-xs-18 col-sm-6 col-md-3"> |
| | 35 | <div class="thumbnail"> |
| | 36 | <img src="http://placehold.it/500x250/FF00FF"> |
| | 37 | <div class="caption"> |
| | 38 | <h4 style="color:#FF00FF"><span class="glyphicon glyphicon-th-large"></span>Thumbnail label</h4> |
| | 39 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p> |
| | 40 | <a href="#" class="btn btn-default btn-xs pull-right" role="button"><i class="glyphicon glyphicon-edit"></i></a> <a href="#" class="btn btn-info btn-xs" role="button"><span class="glyphicon glyphicon-thumbs-up"></span>Button</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a> |
| | 41 | </div> |
| | 42 | </div> |
| | 43 | </div> |
| | 44 | |
| | 45 | <div class="col-xs-18 col-sm-6 col-md-3"> |
| | 46 | <div class="thumbnail"> |
| | 47 | <img src="http://placehold.it/500x250/00FF00"> |
| | 48 | <div class="caption"> |
| | 49 | <h4 style="color:#00FF00"><span class="glyphicon glyphicon-th-large"></span>Thumbnail label</h4> |
| | 50 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p> |
| | 51 | <a href="#" class="btn btn-default btn-xs pull-right" role="button"><i class="glyphicon glyphicon-edit"></i></a> <a href="#" class="btn btn-info btn-xs" role="button"><span class="glyphicon glyphicon-thumbs-up"></span>Button</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a> |
| | 52 | </div> |
| | 53 | </div> |
| | 54 | </div> |
| | 55 | |
| | 56 | <div class="col-xs-18 col-sm-6 col-md-3"> |
| | 57 | <div class="thumbnail"> |
| | 58 | <img src="http://placehold.it/500x250/FF4500"> |
| | 59 | <div class="caption"> |
| | 60 | <h4 style="color:#FF4500"><span class="glyphicon glyphicon-th-large"></span>Thumbnail label</h4> |
| | 61 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p> |
| | 62 | <a href="#" class="btn btn-default btn-xs pull-right" role="button"><i class="glyphicon glyphicon-edit"></i></a> <a href="#" class="btn btn-info btn-xs" role="button"><span class="glyphicon glyphicon-thumbs-up"></span>Button</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a> |
| | 63 | </div> |
| | 64 | </div> |
| | 65 | </div> |
