官网: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 thebootstrap-social.less
into your existing Bootstrap directory and import it intobootstrap.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
相关推荐
Bootstrap 使用Font Awesome图标字体文件 集成了圆角按钮 禁用状态按钮 自定义按钮尺寸 可设定按钮动画 旋转和闪烁动画 ps:字体文件在asset里面 说的不是很明白 看下面英文解释吧 Bootstrap buttons as per ...
在这个"bootstrap-crystal-buttons"资源中,我们聚焦于Bootstrap的按钮(button)组件,特别是一种被称为“水晶样式”的独特设计。 水晶样式按钮集合是针对Bootstrap按钮进行的一种美化处理,它为标准的Bootstrap...
Bootstrap Toggle Buttons是一款基于Bootstrap框架的插件,用于创建美观、交互性强的切换按钮。这款插件使得在网页设计中添加开关、选项等控制元素变得更加简便。Bootstrap Toggle Buttons提供了丰富的自定义选项,...
在这个主题中,我们关注的是如何利用Bootstrap和CSS3创建一种特殊的步骤条,它包含带有箭头指向的按钮,这些按钮可以指示用户操作流程的方向。下面将详细阐述实现这个功能所需的知识点。 1. **Bootstrap基础**: -...
本篇文章将深入探讨如何利用纯CSS3在Bootstrap中创建具有箭头样式的步骤按钮,以便于用户更直观地了解操作流程。 首先,我们需要理解CSS3的基本概念。CSS3是层叠样式表的第三版,相较于前两版,它引入了许多新的...
本文将深入探讨在PyPI上下载的"monocle_social_buttons-0.2.0.2.tar.gz"这个资源包,它是一个专用于创建社交分享按钮的Python库。 "monocle_social_buttons-0.2.0.2.tar.gz"的名称揭示了它的基本信息。首先,...
1. **按钮(Buttons)**:Bootstrap4提供了多种样式的按钮,包括普通、带图标的、带下拉菜单的等。在Axure中,这些按钮组件已经预先设置了相应的样式和交互,可以直接拖放到画布上,快速创建出功能完整的按钮原型。 ...
在本资源"Bootstrap单选按钮和复选框美化特效.zip"中,我们关注的是如何利用Font Awesome这个流行图标库来增强Bootstrap的默认表单元素——单选按钮(radio buttons)和复选框(checkboxes)的视觉效果。 Font ...
- **第三方扩展**:例如,Bootstrap 工具库中有许多第三方扩展,如 Bootswatch、Bootstrap Buttons Generator 等,提供了更多的按钮样式选项,可能包含水晶样式。 5. **响应式设计**: Bootstrap 的按钮组件是...
本教程将深入讲解如何在 Rasa 中自定义选择按钮(buttons),以实现用户通过点击按钮来进行交互,例如选择性别。 在 Rasa 中,选择按钮通常以“Quick Reactions”或“Buttons”形式出现,它们提供了一种简洁的用户...
Buttons 是基于 Sass 和 Compass 框架构建的各式各样的 Web 上的按钮集合。 标签:Buttons CSS框架
本章我们将深入探讨Bootstrap中的表格(Tables)和按钮(Buttons)元素,这两个组件在网页布局和交互中扮演着至关重要的角色。 ### 1. Bootstrap表格 Bootstrap的表格设计遵循简洁、响应式和易于定制的原则。表格...
本教程将详细讲解如何利用CSS3创建10种不同颜色的线性渐变按钮,以实现美观且动态的Web Buttons。线性渐变在网页设计中被广泛应用,可以提升网页的视觉效果,让按钮看起来更加吸引人。 首先,我们来理解一下CSS3...
在Bootstrap中,按钮(Buttons)是用户界面中的基本元素,用于触发各种操作。本篇文章主要探讨的是Bootstrap按钮组(Button Groups)的源码解读。 按钮组是Bootstrap提供的一种组织多个按钮的方式,它们看起来像是...
在第17章中,我们主要关注的是按钮(Buttons)和折叠插件(Collapse Plugin)这两个核心元素。 ### 一、Bootstrap按钮 Bootstrap的按钮设计优雅,提供多种预定义的样式,包括`primary`、`secondary`、`success`、`...
标题"Navigation Buttons for button"表明这是一个关于为Delphi按钮组件增添导航功能的资源。描述中的"a good navigation buttons for delphi best to try!"暗示这可能是一个高质量的导航按钮组件库,适用于Delphi...
在Bootstrap中,复选框(checkboxes)和单选按钮(radio buttons)是用户界面中常见的交互元素,用于收集用户的选择。然而,Bootstrap默认的样式可能相对朴素,不能满足所有设计需求。这就是为什么开发者经常寻求第...
在Bootstrap中,单选按钮(radio buttons)和复选框(checkboxes)是常见的表单元素,用于收集用户的选择信息。然而,Bootstrap默认的样式相对朴素,有时可能无法满足设计上的需求。为了提升用户体验和视觉效果,...
在您的项目中包含bootstrap-social.css或bootstrap-social.less ,或通过安装它: bower install bootstrap-social 可用班级 btn-adn btn-bitbucket btn-dropbox btn-facebook btn-flickr btn-foursquare btn...