https://github.com/westonganger/bootstrap-directional-buttons

Directional / Arrow buttons for Bootstrap
https://github.com/westonganger/bootstrap-directional-buttons

arrow arrow-functions bootstrap button directional-buttons wizard

Last synced: about 1 month ago
JSON representation

Directional / Arrow buttons for Bootstrap

• Host: GitHub
• URL: https://github.com/westonganger/bootstrap-directional-buttons
• Owner: westonganger
• License: mit
• Created: 2017-02-19T22:53:25.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-13T06:25:19.000Z (over 6 years ago)
• Last Synced: 2024-10-04T19:17:52.152Z (about 1 month ago)
• Topics: arrow, arrow-functions, bootstrap, button, directional-buttons, wizard
• Language: HTML
• Size: 245 KB
• Stars: 23
• Watchers: 3
• Forks: 17
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Bootstrap Directional Buttons





 

Directional / Arrow buttons for Bootstrap

## Usage:

Just add class .btn-arrow-left or .btn-arrow-right to bootstrap buttons. Use inside a .btn-group to remove space between button.

```HTML

Left Arrow Button

Right Arrow Button

```

## Demo: 

https://jsbin.com/soweca/edit?html,css,output

![Preview](https://raw.githubusercontent.com/westonganger/bootstrap-directional-buttons/master/preview.png)

## Install

#### Yarn, NPM, Bower

```

yarn add bootstrap-directional-buttons

npm install bootstrap-directional-buttons

bower install bootstrap-directional-buttons

```

#### Rails

```ruby

# Gemfile

source 'https://rails-assets.org' do

  gem 'rails-assets-bootstrap-directional-buttons'

end

# app/assets/stylesheets/application.scss

/*

 *= require bootstrap-directional-buttons

*/

```

# Credits

Enhanced and Updated by Weston Ganger - @westonganger

Created by Leonid Komarovsky - @shpoont