I see what you mean Colyn, but if you look closely at the CSS code, the
"btn" class has nothing to do with the colors of the button at all, it
simply sets:
.btn {
1. display: inline-block;
2. padding: 6px 12px;
3. margin-bottom: 0px;
4. font-size: 14px;
5. font-weight: bold;
6. line-height: 1.428571429;
7. text-align: center;
8. white-space: nowrap;
9. vertical-align: middle;
10. cursor: pointer;
11. border: 1px solid transparent;
12. border-image-source: initial;
13. border-image-slice: initial;
14. border-image-width: initial;
15. border-image-outset: initial;
16. border-image-repeat: initial;
17. border-radius: 4px;
18. -webkit-user-select: none;
The classes btn-default, btn-warning, etc have some colors and things built
in for appearance... for example:
.btn-default {
1. background-color: #686868;
2. color: #FFF;
}
This makes it very easy to extend the btn class with your own, something
i've used, for example is "btn btn-sent" which takes all the display
properties from the btn class and extends them using my own custom styles
inherited from the btn-sent class.
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
