Vue Bootstrap Skins
Vue Skins - Bootstrap 4 & Material Design
Note: We are transitioning MDB4 to a legacy version and focusing on developing MDB5.
While we'll continue to support for the transition period, we encourage you to migrate to
MDB5. We're offering a 50% discount on MDB5 PRO to help with your transition,
enabling you to leverage the full potential of the latest version. You can find more information here.
get 50% discount on MDB5 PRO
Bootstrap skins are basic color schemes which can be applied for the website providing ready to use full-page web design.
MDB provides you with few basic color skins schemes you might consider applying on your website for a different effect.
To apply a skin you just need to add one of our skin classes to the <body> element.
Skin affects the following elements: navbar, sideNav, footer, button, dropdown, pagination, input, controls of carousel-multi-item, form-header, card-header, spinners, pagination, gradients, primary, secondary, default colors.
White skin MDB Pro component
<body class="white-skin">
Black skin MDB Pro component
<body class="black-skin">
Cyan skin MDB Pro component
<body class="cyan-skin">
MDB skin MDB Pro component
<body class="mdb-skin">
Deep purple skin MDB Pro component
<body class="deep-purple-skin">
Navy blue skin MDB Pro component
<body class="navy-blue-skin">
Pink skin MDB Pro component
<body class="pink-skin">
Indigo skin MDB Pro component
<body class="indigo-skin">
Light blue skin MDB Pro component
<body class="light-blue-skin">
Grey skin MDB Pro component
<body class="grey-skin">