How push the third images to bottom

[dauruk0512]

Hello all been surviving to be good designer by using bootsrap

 

Now i have been in new projects spend long time in design, and i need to push the third images to bottom but don't know why

been searching google

 

1. http://stackoverflow.com/questions/6520940/html-image-bottom-alignment-inside-div-container
2. http://jsfiddle.net/thiagobraga/pwVLt/

But it gave me not clear, so here is my html

 <div class="col-md-1 one">  			  <img src="img/teropong.png" class="img-responsive images-top-left-nav" alt="Teropong">  			  <img src="img/tambah.png" class="img-responsive images-top-left-nav" alt="Tambah">  			  <img src="img/image-bottom.png" class="img-responsive images-bottom-left-nav" alt="Icon Bawah">       </div>        

and this is my css

.one img:nth-of-type(1), .one img:nth-of-type(2){  margin:5px 0px 5px 5px;}.one img:nth-of-type(3) {      vertical-align:bottom;      border:0;}

How can i push the third images become in the bottom, i didn't create codepen cause i don't know how to get images as online hope you all understand guys, Thanks for any comment

 

 

Freddy Sidauruk

[dsonesuk]

What if you make

image 1,2 display: inline-block; to override bootstrap to sit side by side if that is what you want?

image 3 will use bootstrap styling by default (display: block;) to force to new line and so be placed at bottom.

[dauruk0512]

Thanks for your respond, i use margin bottom for image second force as long as need it to make images goes to bottom ?