He estado jugando con un vista previa de Bootstrap 3, y han tenido problemas con el «afijo pluggin», que permite una posición fija barras flotantes.

Por favor, encontrar un violín aquí mostrando mis problemas. Básicamente, la mano derecha hace el botón de flotación, pero la anchura y desplazamiento de estilo heredado del sistema de la red parece desaparecer cuando position: fixed se aplica.

Este es mi código:

<div class='container'>
    <div class='row'>
        <div class='col-span-8'>
            <legend>Lorem</legend>
            <div>[Large amounts of text]</div>
        </div>
        <div class='col-span-4 well' data-spy='affix' data-offset-top='50'>
            <div class='btn btn-large btn-danger col-span-12'>This is fixed</div>
        </div>
    </div>
</div>

¿Qué estoy haciendo mal? (Sé Bootstrap 3 todavía está en desarrollo activo, pero espero que alguien tiene más información aquí).

InformationsquelleAutor Randomblue | 2013-04-28

1 Comentario

  1. 2

    data-offset-top='50' agrega la clase affix-top. Esta clase no tiene definición en bootstrap.css. Después de desplazarse a la página de la clase affix reemplazar la clase affix-top. affix define la posición fija. Esto provocó que las distintas pantallas de su pegada div.

    Tal vez Cambiando el código que se muestra a continuación funciona más como se esperaba. NB en este caso La pegada div no se muestra en las pantallas pequeñas?!

    <div class='container'>
        <div class='row'>
            <div class='col-span-8'>
                <legend>Lorem</legend>
                <div>[Large amounts of text]</div>
            </div>
            <div class='col-span-4'>
                <div class="well col-span-4" data-spy='affix'>
                <div class='btn btn-large btn-danger col-span-12'>This is fixed</div>
                </div>
            </div>
        </div>
    </div>
    • Podría por favor proporcionar un violín, no podía hacer que su solución de trabajo.
    • por favor, intente esto: jsfiddle.net/bassjobsen/2naAU/1
    • El Bootstrap 3 de marcado ha cambiado un poco desde que esto fue publicado: Nuevo ejemplo – bootply.com/73866

Dejar respuesta

Please enter your comment!
Please enter your name here