Saltar al contenido

ejemplo de código de botón de google de bootstrap

Luego de de nuestra extensa recopilación de datos hemos podido resolver este apuro que pueden tener algunos los lectores. Te compartimos la respuesta y nuestro objetivo es servirte de mucha apoyo.

Ejemplo 1: bootstrap de iconos de redes sociales

Refer link : 
https://www.programmingquest.com/2020/04/create-social-media-icon-using-html-css.html

<html><head><title>Social Media Icon Exampletitle><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><style>.fawidth:25px;padding:20px;font-size:25px;text-align: center;text-decoration: none;margin:5px2px;color:white;border-radius:50%;.fa:hoveropacity:0.7;.fa-facebookbackground:#3B5998;.fa-twitterbackground:#55ACEE;.fa-googlebackground:#dd4b39;.fa-linkedinbackground:#007bb5;.fa-youtubebackground:#bb0000;.fa-instagrambackground:#8a3ab9;.fa-whatsappbackground:#4FCE5D;.fa-pinterestbackground:#cb2027;.fa-snapchat-ghostbackground:#fffc00;text-shadow:-1px0black,01pxblack,1px0black,0-1pxblack;.fa-skypebackground:#00aff0;.fa-githubbackground:#000000;.fa-dribbblebackground:#ea4c89;.fa-vimeobackground:#45bbff;.fa-foursquarebackground:#45bbff;.fa-stumbleuponbackground:#eb4924;.fa-flickrbackground:#f40083;.fa-yahoobackground:#430297;.fa-redditbackground:#ff5700;.fa-rssbackground:#ff6600;style>head><body><ahref="#"class="fa fa-facebook">a><ahref="#"class="fa fa-twitter">a><ahref="#"class="fa fa-google">a><ahref="#"class="fa fa-linkedin">a><ahref="#"class="fa fa-youtube">a><ahref="#"class="fa fa-instagram">a><ahref="#"class="fa fa-whatsapp">a><ahref="#"class="fa fa-pinterest">a><ahref="#"class="fa fa-snapchat-ghost">a><ahref="#"class="fa fa-skype">a><ahref="#"class="fa fa-github">a><ahref="#"class="fa fa-dribbble">a><ahref="#"class="fa fa-vimeo">a><ahref="#"class="fa fa-foursquare">a><ahref="#"class="fa fa-stumbleupon">a><ahref="#"class="fa fa-flickr">a><ahref="#"class="fa fa-yahoo">a><ahref="#"class="fa fa-reddit">a><ahref="#"class="fa fa-rss">a>body>html>

Ejemplo 2: bootstrap social

<aclass="btn btn-block btn-social btn-twitter"><spanclass="fa fa-twitter">span>  Sign in with Twittera><aclass="btn btn-social-icon btn-twitter"><spanclass="fa fa-twitter">span>a>

Si crees que te ha sido de utilidad nuestro artículo, sería de mucha ayuda si lo compartieras con otros juniors de esta manera nos ayudas a extender nuestro contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *