Elegí Twitter Bootstrap para la aplicación rápida de visualización de la capa de edificio, recientemente me he enfrentado a un problema.

Estoy tratando de empujar elemento a la parte inferior de la página de contenedor, pero manteniéndolo en el centro. La adición de clase
.push-to-bottom { position: absolute; bottom: 50px } no ayuda.

OriginalEl autor Alan Kis | 2013-09-28

3 Comentarios

  1. 8

    Si usted sabe las dimensiones del elemento que desea, usted puede usar un margen izquierda siendo el valor negativo de ancho /2. Como este jsFiddle ejemplo:

    .push-to-bottom {
      position: absolute;
      bottom: 50px;
      left: 50%;
      margin-left: -50px;
    }
    
    #element {
      background-color: #000;
      width: 100px;
      height: 100px;
    }

    OriginalEl autor thiagobraga

  2. 4

    Uso position: absolute de llegar a la parte inferior de la página y el uso de la .text-center clase (de Bootstrap), junto con width: 100% para meterse en el medio:

    <div class="container">
      <div class="row force-to-bottom text-center">
        <div class="col-xs-12">
                <h1>
                <input class="btn btn-primary" type="submit" value="Save">
            </h1>
    
        </div>
    </div>

    .force-to-bottom {
      position:absolute;
      bottom: 5%;
      width: 100%;
    }

    Clicky aquí para el violín.

    OriginalEl autor ninjaPixel

  3. 0

    Bien, el principal problema era que en mi pobre conocimiento de CSS y Bootstrap convetions.
    He encontrado esta solución aceptable, quizá no es el mejor método, pero funciona, y es plenamente responsable.

    <div class="container">
      <div id="home"> 
        <div class="row">
          <div class="col-lg-12">
            <h1>Some heading</h1>
          </div>
        </div>
      </div>  
    </div>

    Objetivo principal era mantener div totalmente centrado horizontalmente, de modo #casa div está envuelto dentro del recipiente, a continuación, dar la #casa div con position: absolute de la propiedad y, a continuación, es simplemente cambiar el fondo de la propiedad, tanto fijos o dado en porcentaje.

    OriginalEl autor Alan Kis

Dejar respuesta

Please enter your comment!
Please enter your name here