Added bootstrap badge component

[aharnisch]

Implementation of the bootstrap badge component.

Testcode:

val counter = ObservableValue(0)

h1 {
    +"Badge in Header "
    badge("New")
}

h1 { +"Badge in Button" }
button("Clicked Me") {
    badge("to create mail")
    this.onClick {
        counter.setState(counter.getState() + 1)
    }
}

div {
    this.marginTop = 20.px
    button("New Mail") {
        badge(bsColor = BsColor.DANGERBG, position = BadgePosition.TOP_RIGHT).bind(counter) {
            if (it != 0) this.content = it.toString()
        }
    }
}

h1 { +"Position" }
div {
    margin = 20.px
    button("") {
        width = 100.px
        height = 100.px
        badge("TL", position = BadgePosition.TOP_LEFT)
        badge("TC", position = BadgePosition.TOP_CENTER)
        badge("TR", position = BadgePosition.TOP_RIGHT)
        badge("BL", position = BadgePosition.BOTTOM_LEFT)
        badge("BC", position = BadgePosition.BOTTOM_CENTER)
        badge("BR", position = BadgePosition.BOTTOM_RIGHT)
        badge("ML", position = BadgePosition.MIDDLE_LEFT)
        badge("MC", position = BadgePosition.MIDDLE_CENTER)
        badge("MR", position = BadgePosition.MIDDLE_RIGHT)
    }
}

[rjaros]

Thank you!