¿Cómo hacer un DIV flotante a la derecha con Twitter Bootstrap?

publicado por: Anonymous

Tengo la siguiente estructura de HTML con Bootstrap

<div class="row">
    <div class="col-md-9">
     Aqui hay tanto contenido que el scrollbar se va hasta China
    </div>
    <div class="col-md-3">
        <div> 
            Este debe mantenerse flotando a la derecha de manera fija, asi el scroll llegue al piso.
        </div>  
    </div>
</div>

Al usar position:fixed en el div con la clase col-md-3, se va a la izquierda y se pone sobre el contenido del div col-md-9. Utilice el affix de Bootstrap y no me dio resultado.

solución

La clase col-md-3 de bootstrap ya posiciona el div a la derecha gracias al sistema de cuadrícula de bootstrap. No es recomendable asignarle clases para flotarlo o posicionarlo fijamente, pero si puedes hacer esto con el <div> interno.

Para lograr lo que buscas sólo agrega style="position: fixed;" al <div> interno.

<div class="row">
  <div class="col-md-9">
    Aqui hay tanto contenido que el scrollbar se va hasta China
  </div>
  <div class="col-md-3">
    <div style="position: fixed;">
      Este debe mantenerse flotando a la derecha de manera fija, asi el scroll llegue al piso.
    </div>
  </div>
</div>
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *