`
天梯梦
  • 浏览: 13783393 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

分享按钮 Social Buttons for Bootstrap

 
阅读更多

Selection_019

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

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

Download:bootstrap-social-gh-pages

 

How to use

  1. Include Bootstrap and Font AwesomeIf you haven't done that already, include the latest Bootstrap and Font Awesome in your project.
  2. 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.
  3. 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

 

 

 

 

 

分享到:
评论

相关推荐

    bootstrap-social:引导程序的社交登录按钮

    在您的项目中包含bootstrap-social.css或bootstrap-social.less ,或通过安装它: bower install bootstrap-social 可用班级 btn-adn btn-bitbucket btn-dropbox btn-facebook btn-flickr btn-foursquare btn...

    横向菜单 bootstrap 后台模板

    8. **social.html** - 展示了社交网络相关的元素,如分享按钮、社交登录等,对于需要集成社交媒体功能的后台系统有参考价值。 9. **filters.html** - 提供了各种过滤器和搜索组件的示例,帮助用户快速定位和筛选...

    一款bootstrap完整的前台页面

    8. **社交组件**:`social.html`可能包含了与社交媒体相关的图标和按钮,如分享按钮、社交登录等,帮助网站与社交网络进行集成。 9. **过滤和排序**:`filters.html`可能涉及对数据进行筛选和排序的实现,这在数据...

    扁平化自适应bootstrap后台界面html模板

    5. **social.html**:可能包含了社交网络图标和分享按钮,如Facebook、Twitter、LinkedIn等,便于用户将内容分享到社交媒体平台。 6. **pricing.html**:价格表(pricing tables)常用于展示产品或服务的价格套餐,...

    通用的社交博客用户管理后台模板

    6. `ui-social-buttons.html`:社交按钮界面,可能包含了分享、登录、注册等与社交媒体相关的交互元素。 7. `widgets.html`:小部件页面,可能包含了统计图表、日历、通知等实用组件,方便后台数据显示和操作。 8....

    水珠婚纱背景模板下载

    此外,模板通常会包含一些预设的组件,如轮播图(Carousel)、表单(Forms)、社交分享按钮(Social Sharing Buttons)等,这些都是现代网页设计中常见的功能模块。在使用水珠婚纱背景模板时,设计师或开发者可以...

    CoreUI漂亮设计后台界面html模板下载

    5. **components-social-buttons.html** - 社交媒体按钮用于链接到不同的社交媒体平台,CoreUI提供了风格一致的社交图标和按钮,帮助用户轻松分享内容。 6. **widgets.html** - 小部件(widgets)是网页上的小型...

    H+ 后台主题UI框架v4.1 带文档 未压缩版

    ├── buttons.html(按钮) ├── calendar.html(日历) ├── carousel.html(图片切换) ├── chat_view.html(聊天窗口) ├── clients.html(客户管理) ├── code_editor.html(代码编辑器) ...

Global site tag (gtag.js) - Google Analytics