css - new line in one row bootsrap -

i try add 6 elements 1 row following definition:

            <div class="row container">               <div class="col-sm-4 col-md-4">                 <div class="ih-item circle effect1"><a href="#">                     <div class="spinner"></div>                     <div class="img"><img class="img-responsive" src="http://news.uwlax.edu/wp-content/uploads/2013/09/fmf.jpg" alt="img"></div>                     </a></div>                 </div>...             </div> 

each line should contain 3 elements , rest have start new line. actualy new line stand , cover part of first line. see attached screenshot.

any advice?

thanks.

first of all, not use 'row' , 'container' on same <div>. 'row' should child of 'container'.

second, define 3 <div>'s 'col-md-4 col-sm-4' inside <div class="row">.

repeat.