Crear botones sociales personalizados usando Bootstrap 4-bootstrap-social
| Autor: | abouet |
|---|---|
| Views Total: | 174 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 20, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Una extensión CSS para bootstrap 4 que le permite crear botones de redes sociales bastante agradables y totalmente configurables en la Página Web.
Supported Social Networks:
- ADN
- Bitbucket
- Discordia
- Dropbox
- Flickr
- Foursquar
- Github
- Microsoft
- Odnoklassniki
- Openid
- Soundcloud
- Tumblr
- Viadeo
- Vimeo
- Vk
- Yahoo
Funcionamiento
Descargue e incluya el bootstrap-social. CSS después de la hoja de estilo de bootstrap.
<link rel="stylesheet" href="/path/to/bootstrap.min.css"> <link rel="stylesheet" href="/path/to/bootstrap-social.css">
Añada BTN-social y BTN-socialName clases a los botones bootstrap y done.
<a class="btn btn-social btn-facebook"> <i class="fab fa-facebook-f"></i> Facebook </a> <a class="btn btn-social btn-google"> <img src="btn_google.svg"> Login via Google </a>
Mostrar solo iconos sociales. En este ejemplo, vamos a usar Font awesome para iconos sociales.
<a class="btn btn-social-icon btn-facebook"> <i class="fab fa-facebook-f"></i> </a>
