Patrón de etiqueta flotante CSS puro para bootstrap

Tiempo de ejecución: 30 minutos. Empezar

Autor: tonystar
Views Total: 5,873
Sitio oficial: Ir a la web
Actualizado: October 13, 2016
Licencia: MIT

Vista prévia

Patrón de etiqueta flotante CSS puro para bootstrap

Descripción

Una extensión CSS para bootstrap 3/4 que proporciona el < a href = "https://github.com/tonystar/bootstrap-float-label" target = "_ blank" de Matt D Smith y el Patrón de Etiqueta Flotante en los marcadores de posición de entrada para una mejor interacción de formularios.

Funcionamiento

Agregue la hoja de estilo bootstrap-Float-Label. CSS a su proyecto de bootstrap:

<link rel="stylesheet" href="dist/bootstrap-float-label.css"/>

Envuelva los campos de texto en un elemento con la clase CSS de ' tiene-Float-Label '.

<span class="has-float-label">

<input class="form-control" id="first" type="text" placeholder="Name"/>

<label for="first">First Name</label>
</span>

Eso es todo.

Te puede interesar: