Bajar un div

[moscrates]

Hola colegas yo de nuevo, dando lata

ya ando mejorando en los css
pero hay cositas que me dan dolor aun.
y aqui tengo una

estoy trabajando con bootstrap y tengo esto

Código HTML:

<div class="row">
    <div class="col-lg-12">
        <div class="col-lg-4">
            <img src="images/logo.png" class="img-responsive">
        </div>
        
        <div class="col-lg-2">
            <a href="#" class="btn btnQ" role="button">Quíenes somos</a>
        </div>
        <div class="col-lg-2">
            <a href="#" class="btn btn-info btnC" role="button">¿Como funciona?</a>
        </div>
        
        <div class="col-lg-4">
            <img src="images/you.png" class="img-responsive">
        </div>
    </div>
  </div>
 

y se ve asi



lo que quiero hacer es que los div azules queden en la parte de inferior del div verde
en otras palabras, quiero que se vea asi



puedo ponerle un margin-top XX
y baja pero el ancho cambia segun la resolucion y no me quedaria
otra opcion es sacar el alto del div verde con javascript y cambiar el margin-top de los div azules dependiendo del verde..

queria preguntar, alo mejor hay una forma mejor o mas sinple de hacer que no conozo