Place text pictures etc... in horizontal order

Asked

Viewed 82 times

3

How can I put the component of Bootstrap Thumbnails in 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.

css bootstrap alignment

1 answer

4


According to the documentation:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="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 the col-md.

  • What is the code to stand side by side? And there is no way to increase the height of col-Md? Because it only increases the width :(

  • @Vinicius you leave the images side by side with the col-md this is the bootstrap grids system, they are divided into 12 parts. To change the size you can use the width in the image, but be careful not to leave the image view impaired with this.

  • OK thank you very much.

Browser other questions tagged css bootstrap alignment

You are not signed in. Login or sign up in order to post.