[SOLUCIONADO] 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

[xfxstudios]

prueba asi:

Código CSS:

.div{
bottom: 0;
position: fixed;
}
 

no recuerdo si es todo lo que necesitas para bajarlo, pero en primera va por alli la cosa

[moscrates]

Hola como estas...
SI le pongo fixed se quedara fijo al monitor.

Nota el cuadro verde es un header

[pzin]

Usando display con valores table y table-cell podrías usar luego una alineación vertical de las celdas con vertical-align: bottom.

[xfxstudios]

si lo colocas dentro de un div deberia de funcionarte algo asi:

Código CSS:

position:absolute;
    bottom:0;
    text-align:center;
 

yo lo utilizo en una factura que debe que dar en media carta, pero dentro de una hoja carta, asi que coloco el pie de la factura dentro del div de la media carta de esa manera