UNPKG

bootstrap-directional-buttons

Version:
49 lines (33 loc) 1.17 kB
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 <button type="button" class="btn btn-primary btn-arrow-left">Left Arrow Button</button> <button type="button" class="btn btn-success btn-arrow-right">Right Arrow Button</button> ``` ## Demo: <a href="https://jsbin.com/soweca/edit?html,css,output" target="_blank">https://jsbin.com/soweca/edit?html,css,output</a> ![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