Extender bootstrap 4 botones con estilos y animaciones adicionales-CSS-botones
| Autor: | Themesfinity |
|---|---|
| Views Total: | 216 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 8, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Los botones CSS es una extensión CSS para el Framework bootstrap 4 que añade estilos y animaciones CSS adicionales a los botones bootstrap.
See also:
- < a href = "https://wikicss.com/tag/bootstrap/" > más extensiones de bootstrap
- mejor bootstrap 4 plugins
Funcionamiento
Descargue y cargue el archivo CSS Buttons. CSS después de la hoja de estilos de bootstrap.
<link href="/path/to/bootstrap.min.css" rel="stylesheet"> <link href="/path/to/buttons.css" rel="stylesheet">
Agregue border-radius a los botones de bootstrap.
<button type="button" class="btn btn-primary btn-lg btn-radius">Primary</button> <button type="button" class="btn btn-secondary btn-lg btn-radius">Secondary</button> <button type="button" class="btn btn-success btn-lg btn-radius">Success</button> <button type="button" class="btn btn-danger btn-lg btn-radius">Danger</button> <button type="button" class="btn btn-warning btn-lg btn-radius">Warning</button> <button type="button" class="btn btn-info btn-lg btn-radius">Info</button> <button type="button" class="btn btn-light btn-lg btn-radius">Light</button> <button type="button" class="btn btn-dark btn-lg btn-radius">Dark</button> <button type="button" class="btn btn-link btn-lg btn-radius">Link</button>
Agregue contornos a los botones de bootstrap.
<button type="button" class="btn btn-outline-primary btn-lg">Primary</button> <button type="button" class="btn btn-outline-secondary btn-lg">Secondary</button> <button type="button" class="btn btn-outline-success btn-lg">Success</button> <button type="button" class="btn btn-outline-danger btn-lg">Danger</button> <button type="button" class="btn btn-outline-warning btn-lg">Warning</button> <button type="button" class="btn btn-outline-info btn-lg">Info</button> <button type="button" class="btn btn-outline-light btn-lg">Light</button> <button type="button" class="btn btn-outline-dark btn-lg">Dark</button> <button type="button" class="btn btn-outline-link btn-lg">Link</button>
