0
 <img class="img-responsive center-block"/>

   <div class="col-sm-2 mb-xs-30 wow fadeInUp">
    <div class="team-item">
         <div class="team-item-image">
               <img src="images/team/jy.png" alt="" />

enter image description here

I am trying to make all the images be located at center. However, I do not know which bootstrap code I should use. I tried to use img-responsive at the top of the section, but failed. The given code is part of the images which is the first box I gave.

Daniel Park
  • 39
  • 1
  • 7

1 Answers1

0

From my understanding, you're trying to make a centered row, five equally spaced and centered columns of images and you are using bootstrap, here is a link to the solution.

C. Morett
  • 45
  • 1
  • 6
  • I checked it, and when seeing it it seems like the white space on the right side is far larger than that of the left. – Daniel Park Jan 15 '18 at 06:59
  • I see what you're saying, trying some stuff out. edit: There is a solution on Codepen, https://codepen.io/DenisDov/pen/pyjpgP – C. Morett Jan 15 '18 at 07:14
  • https://codepen.io/devdanpark/pen/mpjxyG I dont know if you can see this. Here's my code but It still seems the left space is larger ()without images now) – Daniel Park Jan 15 '18 at 07:42
  • I do not understand what you mean. – Daniel Park Jan 15 '18 at 08:08
  • I've deleted my older comments as they do not contribute to solving your solution in the best ways, see above. The link will solve what you need it to solve but you may need to edit media queries to get it truly responsive at smaller sizes. – C. Morett Jan 15 '18 at 08:57