How can I put the component of Bootstrap
Thumbnails in the horizontal order? And how can I increase their size (with the image together) to a size I want? If you can help me, thank you very much.
How can I put the component of Bootstrap
Thumbnails in the horizontal order? And how can I increase their size (with the image together) to a size I want? If you can help me, thank you very much.
According to documentation :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><linkhref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="https://images-na.ssl-images-amazon.com/images/G/01/img15/pet-products/small-tiles/23695_pets_vertical_store_dogs_small_tile_8._CB312176604_.jpg"alt="...">
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="https://images-na.ssl-images-amazon.com/images/G/01/img15/pet-products/small-tiles/23695_pets_vertical_store_dogs_small_tile_8._CB312176604_.jpg"alt="...">
</a>
</div>
</div>
To change the size you can use col-md
.