Logo BRUTOPIA
  • Menu
  • Intallation
  • Components
    • Accordion
    • Alert
    • Badge
    • Breadcrumb
    • Button
    • Card
    • Carousel
    • Collapse
    • Dropdown
    • List Group
    • Modal
    • Navs
    • Pagination
    • Progress
    • Spinner
    • Toasts
    • Tooltip
    • Avatar
    • Divider
  • Forms & Tables
  • Form Elements
    • Input
    • Input Group
    • Select
    • Radio
    • Checkbox
    • Textarea
  • Form Layout
  • Table
  • Neo-Brutalism
  • Github
  • Bootstrap
  • Buy me a coffee

Button

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Basic Buttons

Default

Use the .btn .btn-{color} classes.

Primary Secondary Info Warning Danger Success Light Dark

Rounded

Use a class .rounded-pill with .btn class to create round button.

Primary Secondary Info Warning Danger Success Light Dark

Buttons .btn-outline

Use the .btn .btn-outline-{color} classes.

Primary Secondary Info Warning Danger Success Light Dark

Button Sizes

Use the .btn-lg or .btn-sm classes.

Small Normal Large
Small Normal Large

Button States

Use the .disabled or .btn-progress classes.

Normal Disabled Progress

Button Group

Vertical Variation

2023 © Your Company

Desinged with by RajNandan