Place text images etc ... in the horizontal order

3

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.

    
asked by anonymous 13.12.2016 / 13:03

1 answer

4

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 .

    
13.12.2016 / 13:13