Showing 2 columns

1

Is there an easy way to use bootstrap to make my images fit in two columns using html?

<h1>Enjoy My Portfolio</h1>
     <div class="container">
  <div class="row ">
    <div class="col-xs-6">
      <img id="i1" src="https://i.imgur.com/idiJIh9.png ">
      <a href="http://eventballoons-com.stackstaging.com "><h3>Balloons Site</h3></a>
    </div>
      <div class="row">
      <div class="col-xs-6">
       <img id="i2" src="https://i.imgur.com/AzgTkVm.png">
       <a href="https://codepen.io/tovasfo/full/baZdvV"><h3>Tribute Page</h3></a>
        </div>
         <div class="row">
      <div class="col-xs-6">
        <img id="i3" src="https://i.imgur.com/bJc1dG8.png"><a href="http://teletooncopy-com.stackstaging.com"><h3>Teletoon.com Copy</h3></a>
         </div>



#i1 {
  height:350px;
  width:500px;
  margin-top:75px;
}

#i2 {
  height:350px;
  width:500px;
  margin-top:75px;
  margin-left:80px;
}

#i3 {
  height:350px;
  width:500px;
}
3

img’s should have class=“img img-responsive”

4

It shows up on my codepen but you can use stock images and the result would be the same. I don’t know what you mean by missing code.

5

I will try that solution.

7

I used that but it takes up most of the columns. I just want them side by side.

9

Thanks but for doing the rest of the images from 4 up to 8 using <div class="col-xs-6 col-offset-6"> does not work. How would you style those divs for the rest of the images?

12

I did but it seems to make images on my left column instead of both right and left.

14

https://codepen.io/tovasfo/pen/rpwbZQ I am using col-md-6 but it should not matter because it’s for desktops.

16

Thank you for your assistance I just would like to know why do u need the col-offset-6?