css3 - Adding custom class based on Bootstrap CSS 2.3.2 -

i've included bootstrap css, , want add custom class in own css file.

it exact copy of .btn-success modified colors , class name only:

.btn-mine {     color: #ffffff;     background-color: #ff8d53;     border-color: #ef8343; } .btn-mine:hover, .btn-mine:focus, .btn-mine:active, .btn-mine.active, .open .dropdown-toggle.btn-mine {     color: #ffffff;     background-color: #ea793e;     border-color: #dc5930; } .btn-mine:active, .btn-mine.active, .open .dropdown-toggle.btn-mine {     background-image: none; } .btn-mine.disabled, .btn-mine[disabled], fieldset[disabled] .btn-mine, .btn-mine.disabled:hover, .btn-mine[disabled]:hover, fieldset[disabled] .btn-mine:hover, .btn-mine.disabled:focus, .btn-mine[disabled]:focus, fieldset[disabled] .btn-mine:focus, .btn-mine.disabled:active, .btn-mine[disabled]:active, fieldset[disabled] .btn-mine:active, .btn-mine.disabled.active, .btn-mine[disabled].active, fieldset[disabled] .btn-mine.active {     background-color: #ff8d53;     border-color: #ff6314; } .btn-mine .caret {     border-top-color: #fff; } .dropup .btn-mine .caret {     border-bottom-color: #fff; } 

unfortunately, not work, shown here: http://jsfiddle.net/qg2n6/.

i know there many 3rd-party bootstrap button makers can create buttons of colors.

but more interested in knowing why approach above not work.

i copy styles contains .btn-success in original bootstrap css, , modify colors , class name, , expected work.

what missing here?

.btn-success contains

.btn-success { background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 

while class contains border , background color