btn-negative

A little extension to bootstrap, adding buttons that match their parent's colors

Installation :

Place the .js and the .css files in your app filesystem, and link them in your HTML :

<link href="path/btn-negative.css" rel="stylesheet" type="text/css" />

<script src="path/btn-negative.js" type="text/javascript"></script>

Watch for dependencies !
btn-negative needs Bootstrap 4 and JQuery 3.3.1.
Make sure to include them after the Bootstrap and JQuery files.

Or :

Use github's raw :

<link href="http://raw.github.com/JeanMarcZimmer/btn-negative/master/btn-negative.css" rel="stylesheet" type="text/css" />

<script src="http://raw.github.com/JeanMarcZimmer/btn-negative/master/btn-negative.js" type="text/javascript"></script>

Usage :

It works the same way than regular bootstrap buttons. Documentation here : https://getbootstrap.com/docs/4.0/components/buttons/

It supports block, disabled, and active classes, as well as the disabled attribute and the <a> element.

Tested with Bootstrap 4.0 and JQuery 3.3.1.

Sample : https://jsfiddle.net/Jm56Z/7ypjaeLn/

Contribute :

Fork and clone, edit, then ask for a merge. It's as smple as that.
Please try to add a precise and complete description of the modifications.

Note that the answer can be long to come.