Warning: session_start(): open(/var/lib/php/fpm/session/sess_6bg8giids651rov2qpehdrjvu9, O_RDWR) failed: Permission denied (13) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Warning: session_start(): Failed to read session data: files (path: /var/lib/php/fpm/session) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Notice: Undefined index: HTTP_REFERER in /var/www/tst02/wp-content/themes/mdbootstrap4/inc/cookie-setter.php on line 8
Vue Skins - Bootstrap 4 & Material Design. Examples & tutorial - Material Design for Bootstrap

Vue Bootstrap Skins

Vue Skins - Bootstrap 4 & Material Design

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">


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">