Social Buttons库是一组用纯CSS制作的CSS按钮,基于Bootstrap和Font Awesome.
加载社交按钮
要加载bootstrap-social.css库,请从 github
使用按钮
使用html锚标记创建按钮并使用社交说明符添加样式btn,btn-block btn-social.
Login with Twitter
它将产生以下输出 :
定义尺寸
您可以通过使用CSS定义按钮的大小并将其与类名一起使用来增大或减小按钮的大小,如下所示.在给定的示例中,我们更改了四种尺寸.
Login with Twitter Login with Twitter Login with Twitter Login with Twitter
它将产生以下输出 :
使用Twitter登录 使用Twitter登录 使用Twitter登录 使用Twitter登录
仅使用图标
以下示例显示如何选择仅图标按钮.