Theming and Customizing styles.

    Generally, if you stick to the Bootstrap defined classes and variants, there isn't anything you need to do to use a custom theme with React-Bootstrap. It just works. But we also make coloring outside the lines easy to do.

    New variants and sizes

    Custom variants and sizes should follow the pattern of the default bootstrap variants, and define css classes matching: component-*. React bootstrap builds the componentclassNames in a consistent way that you can rely on. For instance this custom Button.

    Press esc to disable tab trapping

    Prefixing components

    In some cases you may need to change the base class "prefix" of one or more Components. You can control how a Component prefixes it's classes locally by changing the bsPrefix prop. Or globally via the ThemeProvider Component.

    Press esc to disable tab trapping