分享按钮 Social Buttons for Bootstrap

官网：http://lipis.github.io/bootstrap-social/

View on GitHub ： https://github.com/lipis/bootstrap-social

Download：bootstrap-social-gh-pages

How to use

Include Bootstrap and Font AwesomeIf you haven't done that already, include the latest Bootstrap and Font Awesome in your project.
Include the CSS or LessYou have two options for enabling the social buttons in your project: vanilla CSS or source Less. For vanilla CSS, just include the bootstrap-social.css file into your project.For Less, copy the bootstrap-social.less into your existing Bootstrap directory and import it into bootstrap.less via @import "bootstrap-social.less";. Recompile when ready.
Add some buttons!Start using the buttons as you would normally do with the Bootstrap buttons that have an icon by adding the relevant class. For example:
```
  <a class="btn btn-block btn-social btn-twitter"><span class="fa fa-twitter"></span> Sign in with Twitter</a>
```
Or if you just want the icon button, use it like this:
```
  <a class="btn btn-social-icon btn-twitter"><span class="fa fa-twitter"></span></a>
```

原文/转自：分享按钮 Social Buttons for Bootstrap

分享按钮 Social Buttons for Bootstrap相关推荐

【转】博客美化(3)为博客添加一个漂亮的分享按钮
阅读目录 1.社会化分享 2.选择一个分享按钮 3.添加到博客园博客博客园美化相关文章目录:博客园博客美化相关文章目录在前2篇博客"博客美化(1)基本后台设置与样式设置"与&q ...
MUI、HTML5+、HBuilder实现透明渐变导航栏+自定义按钮（右上角分享按钮）
先上效果图: js代码: mui.plusReady(function() {var ws = plus.webview.currentWebview();ws.setStyle({"tit ...
html添加分享按钮,分享按钮-jQuery之家-自由分享jQuery、html5、css3的插件库
Overview: To list social accounts or share any page with 46 icons. 点击按钮开始分享: 选中下面红色的文字就会出现分享按钮: Hi! ...
百度分享--分享按钮的实现
百度分享代码: <%@ page contentType="text/html;charset=UTF-8"%> <div class="bdsh ...
社会化图标html,[CSS]响应式社会化分享按钮
[CSS]响应式社会化分享按钮 6月 18, 2014 评论 (2) Sponsor 目前很多网站都使用了社会化分享按钮,即使是一个简单的专题页都会使用上,所以这里分享大家一个响应式社会化分享按钮(R ...
将分享按钮加入到页面中
想让页面有更多的链接,只需加入一个分享按钮就可以了,很简单的,只需要将下面一段js代码加入到body体里面 View Code 1 <script type="text/javascr ...
微信禁用右上角的分享按钮，WeixinJSBridge API以及隐藏分享的子按钮等菜单项
今天在做隐藏微信右上角的分享按钮百度查到的一串代码,挺好用的 <script>function onBridgeReady() {WeixinJ ...
html按钮分享功能实现,一个分享按钮的插件使用介绍（可扩展，内附开发制作流程）...
前几天由于工作需要制作一个分享按钮,考虑到后续其他项目可能也会用到,于是就打算写成插件化,正好也给我自己的插件jquery.hooray增加一个新的功能,为了不浪费大家时间,我先把demo放出来,如果 ...
一款基于jquery和css3实现的摩天轮式分享按钮
之前分享了很多css3实现的按钮.今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮.这款分享按钮页面底部有一个toggle按钮,单击该按钮,摩天轮按钮以动画的形式出现,各个分享按钮 ...

分享按钮 Social Buttons for Bootstrap

How to use

分享按钮 Social Buttons for Bootstrap相关推荐

最新文章

热门文章