diff --git a/assets/css/docs.css b/assets/css/docs.css
index a846a0c5..2657300d 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -142,9 +142,18 @@
   display: block;
   color: #777 !important; }
 
-.partner.mdbootstrap {
+body.creativetim .partner.mdbootstrap {
   display: none; }
 
+body.creativetim .partner.creativetim {
+  display: initial; }
+
+body.mdbootstrap .partner.creativetim {
+  display: none; }
+
+body.mdbootstrap .partner.mdbootstrap {
+  display: initial; }
+
 .bd-content {
   order: 1; }
   .bd-content > h2[id],
diff --git a/assets/css/docs.min.css b/assets/css/docs.min.css
index bab0971f..14f62d22 100644
--- a/assets/css/docs.min.css
+++ b/assets/css/docs.min.css
@@ -4,4 +4,4 @@
  * Copyright 2011-2017 Twitter, Inc.
  * Licensed under the Creative Commons Attribution 3.0 Unported License. For
  * details, see https://creativecommons.org/licenses/by/3.0/.
- */.bd-navbar{min-height:4rem;background-color:#3f51b5;box-shadow:0 .5rem 1rem rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.1)}@media (max-width:991px){.bd-navbar{padding-right:.5rem;padding-left:.5rem}.bd-navbar .navbar-nav-scroll{max-width:100%;height:2.5rem;margin-top:.25rem;overflow:hidden;font-size:.875rem}.bd-navbar .navbar-nav-scroll .navbar-nav{padding-bottom:2rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (min-width:768px){@supports (position:sticky){.bd-navbar{position:sticky;top:0;z-index:4}}}.bd-navbar .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;color:#cdbfe3}.bd-navbar .navbar-nav .nav-link.active,.bd-navbar .navbar-nav .nav-link:hover{color:#fff;background-color:transparent}.bd-navbar .navbar-nav .nav-link.active{font-weight:500}.bd-navbar .navbar-nav-svg{display:inline-block;width:1rem;height:1rem;vertical-align:text-top}.bd-navbar .dropdown-menu{font-size:.875rem}.bd-navbar .dropdown-item.active{font-weight:500;color:#212529;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.4rem 1.1rem;background-size:.75rem .75rem}.bd-masthead,.bd-navbar .nav-item{position:relative}.bd-masthead{padding:3rem 15px}.bd-masthead h1{line-height:1}.bd-masthead .btn{width:100%;padding:.8rem 2rem;font-size:1.25rem;font-weight:500}.bd-masthead .carbonad{margin-top:0!important;margin-bottom:-3rem!important}@media (min-width:576px){.bd-masthead{padding-top:5rem;padding-bottom:5rem}.bd-masthead .carbonad{margin-bottom:0!important}}@media (min-width:768px){.bd-masthead h1{font-size:4rem}.bd-masthead .carbonad{margin-top:3rem!important}}.bd-pretext{overflow:hidden;resize:none}.half-rule{width:6rem;margin:2.5rem 0}.masthead-followup .bd-clipboard{display:none}.masthead-followup .highlight{padding:.5rem 0;background-color:transparent}.bd-featured-sites{margin-right:-1px;margin-left:-1px}.bd-featured-sites .col-6{padding:1px}.bd-featured-sites .img-fluid{margin-top:0}@media (min-width:768px){.bd-featured-sites .col-sm-3:first-child img{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bd-featured-sites .col-sm-3:last-child img{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}}#carbonads{position:static;display:block;max-width:400px;padding:15px 15px 15px 160px;margin:2rem 0;overflow:hidden;font-size:13px;line-height:1.4;text-align:left;background-color:rgba(0,0,0,.05)}#carbonads a{color:#333;text-decoration:none}@media (min-width:576px){#carbonads{max-width:330px;border-radius:4px}}.carbon-img{float:left;margin-left:-145px}.carbon-poweredby{display:block;color:#777!important}.partner.mdbootstrap{display:none}.bd-content{order:1}.bd-content>h2[id],.bd-content>h3[id],.bd-content>h4[id]{pointer-events:none}.bd-content>h2[id]>a,.bd-content>h2[id]>div,.bd-content>h3[id]>a,.bd-content>h3[id]>div,.bd-content>h4[id]>a,.bd-content>h4[id]>div{pointer-events:auto}.bd-content>h2[id]:before,.bd-content>h3[id]:before,.bd-content>h4[id]:before{display:block;height:6rem;margin-top:-6rem;visibility:hidden;content:""}.bd-content>table{width:100%;max-width:100%;margin-bottom:1rem}@media (max-width:991px){.bd-content>table{display:block;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar}}.bd-content>table>tbody>tr>td,.bd-content>table>tbody>tr>th,.bd-content>table>tfoot>tr>td,.bd-content>table>tfoot>tr>th,.bd-content>table>thead>tr>td,.bd-content>table>thead>tr>th{padding:.75rem;vertical-align:top;border:1px solid rgba(0,0,0,.06)}.bd-content>table>tbody>tr>td>p:last-child,.bd-content>table>tbody>tr>th>p:last-child,.bd-content>table>tfoot>tr>td>p:last-child,.bd-content>table>tfoot>tr>th>p:last-child,.bd-content>table>thead>tr>td>p:last-child,.bd-content>table>thead>tr>th>p:last-child{margin-bottom:0}.bd-content>table td:first-child>code{white-space:nowrap}.bd-content>h2:not(:first-child){margin-top:3rem}.bd-content>h3{margin-top:1.5rem}.bd-content>ol li,.bd-content>ul li{margin-bottom:.25rem}@media (min-width:992px){.bd-content>ol,.bd-content>p,.bd-content>ul{max-width:80%}}.bd-title{margin-top:1rem;margin-bottom:.5rem;font-weight:300}@media (min-width:576px){.bd-title{font-size:3rem}}.bd-lead{font-size:1.125rem;font-weight:300}@media (min-width:576px){.bd-lead{max-width:80%;margin-bottom:1rem;font-size:1.5rem}}.bd-text-purple{color:#3f51b5}.bd-text-purple-bright{color:#6e7dd3}.bd-pageheader{padding:2rem 15px;margin-bottom:1.5rem;color:#cdbfe3;text-align:center;background-color:#3f51b5}.bd-pageheader .container{position:relative}.bd-pageheader h1{font-size:3rem;font-weight:400;color:#fff}.bd-pageheader p{margin-bottom:0;font-size:1.25rem;font-weight:300}@media (min-width:576px){.bd-pageheader{padding-top:4rem;padding-bottom:4rem;margin-bottom:3rem;text-align:left}.bd-pageheader .carbonad{margin:2rem 0 0!important}}@media (min-width:768px){.bd-pageheader h1{font-size:4rem}.bd-pageheader p{font-size:1.5rem}}@media (min-width:992px){.bd-pageheader h1,.bd-pageheader p{margin-right:380px}.bd-pageheader .carbonad{position:absolute;top:0;right:.75rem;margin:0!important}}#skippy{display:block;padding:1em;color:#fff;background-color:#3f51b5;outline:0}#skippy .skiplink-text{padding:.5em;outline:1px dotted}.bd-toc{order:2;padding-top:1.5rem;padding-bottom:1.5rem;font-size:.875rem}@supports (position:sticky){.bd-toc{position:sticky;top:4rem;max-height:calc(100vh - 4rem);overflow-y:auto}}.section-nav{padding-left:0;border-left:1px solid #eee}.section-nav ul{padding-left:1rem}.section-nav ul ul{display:none}.toc-entry,.toc-entry a{display:block}.toc-entry a{padding:.125rem 1.5rem;color:#99979c}.toc-entry a:hover{color:#2196f3;text-decoration:none}.bd-sidebar{order:0;border-bottom:1px solid rgba(0,0,0,.1)}@media (min-width:768px){.bd-sidebar{border-right:1px solid rgba(0,0,0,.1)}@supports (position:sticky){.bd-sidebar{position:sticky;top:4rem;z-index:3;max-height:calc(100vh - 4rem)}}}@media (min-width:1200px){.bd-sidebar{max-width:320px}}.bd-links{padding-top:1rem;padding-bottom:1rem;margin-right:-15px;margin-left:-15px}@media (min-width:768px){@supports (position:sticky){.bd-links{max-height:calc(100vh - 9rem);overflow-y:auto}}}@media (min-width:768px){.bd-links{display:block!important}}.bd-search{position:relative;padding:1rem 15px;margin-right:-15px;margin-left:-15px;border-bottom:1px solid rgba(0,0,0,.05)}.bd-search-docs-toggle{line-height:1;color:#212529}.bd-sidenav{display:none}.bd-toc-link{display:block;padding:.25rem 1.5rem;font-weight:500;color:rgba(0,0,0,.65)}.bd-toc-link:hover{color:rgba(0,0,0,.85);text-decoration:none}.bd-toc-item.active{margin-bottom:1rem}.bd-toc-item.active:not(:first-child){margin-top:1rem}.bd-toc-item.active>.bd-toc-link{color:rgba(0,0,0,.85)}.bd-toc-item.active>.bd-toc-link:hover{background-color:transparent}.bd-toc-item.active>.bd-sidenav{display:block}.bd-sidebar .nav>li>a{display:block;padding:.25rem 1.5rem;font-size:90%;color:rgba(0,0,0,.65)}.bd-sidebar .nav>li>a:hover{color:rgba(0,0,0,.85);text-decoration:none;background-color:transparent}.bd-sidebar .nav>.active:hover>a,.bd-sidebar .nav>.active>a{font-weight:500;color:rgba(0,0,0,.85);background-color:transparent}.bd-footer{font-size:85%;text-align:center;background-color:#f7f7f7}.bd-footer a{font-weight:500;color:#495057}.bd-footer a:focus,.bd-footer a:hover{color:#2196f3}.bd-footer p{margin-bottom:0}@media (min-width:576px){.bd-footer{text-align:left}}.bd-footer-links{padding-left:0;margin-bottom:1rem}.bd-footer-links li{display:inline-block}.bd-footer-links li+li{margin-left:1rem}.bd-example-row .row+.row{margin-top:1rem}.bd-example-row .row>.col,.bd-example-row .row>[class^=col-]{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2)}.bd-example-row .flex-items-bottom,.bd-example-row .flex-items-middle,.bd-example-row .flex-items-top{min-height:6rem;background-color:rgba(255,0,0,.1)}.bd-example-row-flex-cols .row{min-height:10rem;background-color:rgba(255,0,0,.1)}.bd-highlight{background-color:rgba(63,81,181,.15);border:1px solid rgba(63,81,181,.15)}.example-container{width:800px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;width:100%}.example-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.example-content-main{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.example-content-main{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.example-content-main{flex:0 0 66.66667%;max-width:66.66667%}}.example-content-secondary{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.example-content-secondary{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.example-content-secondary{flex:0 0 33.33333%;max-width:33.33333%}}.bd-example-container{min-width:16rem;max-width:25rem;margin-right:auto;margin-left:auto}.bd-example-container-header{height:3rem;margin-bottom:.5rem;background-color:#fff;border-radius:.25rem}.bd-example-container-sidebar{float:right;width:4rem;height:8rem;background-color:#9acffa;border-radius:.25rem}.bd-example-container-body{height:8rem;margin-right:4.5rem;background-color:#98a2db;border-radius:.25rem}.bd-example-container-fluid{max-width:none}.bd-example{position:relative;padding:1rem;margin:1rem -15px;border:solid #f7f7f9;border-width:.2rem 0 0}.bd-example:after{display:block;clear:both;content:""}@media (min-width:576px){.bd-example{padding:1.5rem;margin-right:0;margin-bottom:0;margin-left:0;border-width:.2rem}}.bd-example+.clipboard+.highlight,.bd-example+.highlight{margin-top:0}.bd-example+p{margin-top:2rem}.bd-example .pos-f-t{position:relative;margin:-1rem}@media (min-width:576px){.bd-example .pos-f-t{margin:-1.5rem}}.bd-example>.form-control+.form-control{margin-top:.5rem}.bd-example>.alert+.alert,.bd-example>.nav+.nav,.bd-example>.navbar+.navbar,.bd-example>.progress+.btn,.bd-example>.progress+.progress{margin-top:1rem}.bd-example>.dropdown-menu:first-child{position:static;display:block}.bd-example>.form-group:last-child{margin-bottom:0}.bd-example>.close{float:none}.bd-example-type .table .type-info{color:#999;vertical-align:middle}.bd-example-type .table td{padding:1rem 0;border-color:#eee}.bd-example-type .table tr:first-child td{border-top:0}.bd-example-type h1,.bd-example-type h2,.bd-example-type h3,.bd-example-type h4,.bd-example-type h5,.bd-example-type h6{margin:0}.bd-example-bg-classes p{padding:1rem}.bd-example>img+img{margin-left:.5rem}.bd-example>.btn-group{margin-top:.25rem;margin-bottom:.25rem}.bd-example-control-sizing input[type=text]+input[type=text],.bd-example-control-sizing select,.bd-example>.btn-toolbar+.btn-toolbar{margin-top:.5rem}.bd-example-form .input-group{margin-bottom:.5rem}.bd-example>textarea.form-control{resize:vertical}.bd-example>.list-group{max-width:400px}.bd-example .fixed-top,.bd-example .sticky-top{position:static;margin:-1rem -1rem 1rem}.bd-example .fixed-bottom{position:static;margin:1rem -1rem -1rem}@media (min-width:576px){.bd-example .fixed-top,.bd-example .sticky-top{margin:-1.5rem -1.5rem 1rem}.bd-example .fixed-bottom{margin:1rem -1.5rem -1.5rem}}.bd-example .pagination{margin-top:.5rem;margin-bottom:.5rem}.bd-example-modal{background-color:#fafafa}.bd-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bd-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.modal.show{z-index:5}.modal.show .popover,.modal.show .tooltip{z-index:6}.modal-backdrop{z-index:4}.bd-example-tabs .nav-tabs{margin-bottom:1rem}.bd-example-tooltips{text-align:center}.bd-example-tooltips>.btn{margin-top:.25rem;margin-bottom:.25rem}.bs-tooltip-bottom-docs .arrow,.bs-tooltip-top-docs .arrow{left:50%}.bs-tooltip-left-docs .arrow,.bs-tooltip-right-docs .arrow{top:50%}.bd-example-popover-static{padding-bottom:1.5rem;background-color:#f9f9f9}.bd-example-popover-static .popover{position:relative;display:block;float:left;width:260px;margin:1.25rem}.bs-popover-bottom-docs .arrow,.bs-popover-top-docs .arrow{left:50%}.bs-popover-left-docs .arrow,.bs-popover-right-docs .arrow{top:50%}.tooltip-demo a{white-space:nowrap}.bd-example-tooltip-static .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.scrollspy-example{position:relative;height:200px;margin-top:.5rem;overflow:auto}.scrollspy-example-2{position:relative;height:350px;overflow:auto}.bd-example-border-utils [class^=border]{display:inline-block;width:5rem;height:5rem;margin:.25rem;background-color:#f5f5f5;border:1px solid}.highlight{padding:1rem;margin:1rem -15px;background-color:#f7f7f9;-ms-overflow-style:-ms-autohiding-scrollbar}@media (min-width:576px){.highlight{padding:1.5rem;margin-right:0;margin-left:0}}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#212529}.table-responsive .highlight pre{white-space:normal}.bd-table th small{display:block;font-weight:400;color:#999}.btn-bd-purple{font-weight:500;color:#6e7dd3;border-color:#6e7dd3}.btn-bd-purple:active,.btn-bd-purple:hover{color:#fff;background-color:#6e7dd3;border-color:#6e7dd3}.btn-bd-yellow{font-weight:500;color:#ffe484;border-color:#ffe484}.btn-bd-yellow:active,.btn-bd-yellow:hover{color:#2a2730;background-color:#ffe484;border-color:#ffe484}.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #eee;border-left-width:.25rem;border-radius:.25rem}.bd-callout h4{margin-top:0;margin-bottom:.25rem}.bd-callout p:last-child{margin-bottom:0}.bd-callout code{border-radius:.25rem}.bd-callout+.bd-callout{margin-top:-.25rem}.bd-callout-info{border-left-color:#5bc0de}.bd-callout-info h4{color:#5bc0de}.bd-callout-warning{border-left-color:#f0ad4e}.bd-callout-warning h4{color:#f0ad4e}.bd-callout-danger{border-left-color:#d9534f}.bd-callout-danger h4{color:#d9534f}.bd-examples .img-thumbnail{margin-bottom:.75rem}.bd-examples h4{margin-bottom:.25rem}.bd-examples p{margin-bottom:1.25rem}@media (max-width:480px){.bd-examples{margin-right:-.75rem;margin-left:-.75rem}.bd-examples>[class^=col-]{padding-right:.75rem;padding-left:.75rem}}.bd-team{margin-bottom:1.5rem}.bd-team .team-member{line-height:2rem;color:#555}.bd-team .team-member:focus,.bd-team .team-member:hover{color:#333}.bd-team .team-member:hover{text-decoration:none}.bd-team .github-btn{float:right;width:180px;height:1.25rem;margin-top:.25rem;border:0}.bd-team img{float:left;width:2rem;margin-right:.5rem;border-radius:.25rem}.bd-browser-bugs td p{margin-bottom:0}.bd-browser-bugs th:first-child{width:18%}.bd-brand-logos{display:table;width:100%;margin-bottom:1rem;overflow:hidden;color:#3f51b5;background-color:#f9f9f9;border-radius:.25rem}.bd-brand-item{padding:4rem 0;text-align:center}.bd-brand-item+.bd-brand-item{border-top:1px solid #fff}.bd-brand-logos .inverse{color:#fff;background-color:#3f51b5}.bd-brand-item h1,.bd-brand-item h3{margin-top:0;margin-bottom:0}.bd-brand-item .bd-booticon{margin-right:auto;margin-left:auto}@media (min-width:768px){.bd-brand-item{display:table-cell;width:1%}.bd-brand-item+.bd-brand-item{border-top:0;border-left:1px solid #fff}.bd-brand-item h1{font-size:4rem}}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:4rem;height:4rem;margin-right:.25rem;margin-left:.25rem;border-radius:.25rem}@media (min-width:768px){.color-swatch{width:6rem;height:6rem}}.color-swatches .bd-purple{background-color:#3f51b5}.color-swatches .bd-purple-light{background-color:#cdbfe3}.color-swatches .bd-purple-lighter{background-color:#e5e1ea}.color-swatches .bd-gray{background-color:#f9f9f9}.swatch-blue{background-color:#2196f3;color:#fff}.swatch-indigo{background-color:#3f51b5;color:#fff}.swatch-purple{background-color:#9c27b0;color:#fff}.swatch-pink{background-color:#e91e63;color:#fff}.swatch-red{background-color:#f44336;color:#fff}.swatch-orange{background-color:#ff9800;color:#111}.swatch-yellow{background-color:#ffeb3b;color:#111}.swatch-green{background-color:#4caf50;color:#fff}.swatch-teal{background-color:#009688;color:#fff}.swatch-cyan{background-color:#00bcd4;color:#fff}.swatch-white{background-color:#fff;color:#111}.swatch-gray{background-color:#868e96;color:#fff}.swatch-gray-dark{background-color:#343a40;color:#fff}.swatch-primary{background-color:#2196f3;color:#fff}.swatch-secondary{background-color:#868e96;color:#fff}.swatch-success{background-color:#4caf50;color:#fff}.swatch-info{background-color:#00bcd4;color:#fff}.swatch-warning{background-color:#ffeb3b;color:#111}.swatch-danger{background-color:#f44336;color:#fff}.swatch-light{background-color:#f8f9fa;color:#111}.swatch-dark{background-color:#343a40;color:#fff}.swatch-100{background-color:#f8f9fa;color:#111}.swatch-200{background-color:#e9ecef;color:#111}.swatch-300{background-color:#dee2e6;color:#111}.swatch-400{background-color:#ced4da;color:#111}.swatch-500{background-color:#adb5bd;color:#111}.swatch-600{background-color:#868e96;color:#fff}.swatch-700{background-color:#495057;color:#fff}.swatch-800{background-color:#343a40;color:#fff}.swatch-900{background-color:#212529;color:#fff}.bd-clipboard{position:relative;display:none;float:right}.bd-clipboard+.highlight{margin-top:0}.btn-clipboard{position:absolute;top:.5rem;right:.5rem;z-index:2;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;cursor:pointer;background-color:transparent;border:0;border-radius:.25rem}.btn-clipboard:hover{color:#fff;background-color:#027de7}@media (min-width:768px){.bd-clipboard{display:block}}.hll{background-color:#ffc}.c{color:#999}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#fcc;border:1px solid #c00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#cfc;border:1px solid #0c0}.go{color:#aaa}.gp{color:#009}.gu{color:#030}.gt{color:#9c6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#f60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0a8}.no{color:#360}.nd{color:#99f}.ni{color:#999}.ne{color:#c00}.nf{color:#c0f}.nl{color:#99f}.nn{color:#0cf}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#f60}.sb,.sc,.sd{color:#c30}.sd{font-style:italic}.s2,.se,.sh{color:#c30}.si{color:#a00}.sx{color:#c30}.sr{color:#3aa}.s1{color:#c30}.ss{color:#fc3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#f60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}.language-bash:before{color:#009;content:"$ ";user-select:none}.language-powershell:before{color:#009;content:"PM> ";user-select:none}.anchorjs-link{font-weight:400;color:rgba(33,150,243,.5);transition:color .16s linear}.anchorjs-link:hover{color:#2196f3;text-decoration:none}.algolia-autocomplete{display:block!important;flex:1}.algolia-autocomplete .ds-dropdown-menu{width:100%;min-width:0!important;max-width:none!important;padding:.75rem 0!important;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.175)}@media (min-width:768px){.algolia-autocomplete .ds-dropdown-menu{width:175%}}.algolia-autocomplete .ds-dropdown-menu:before{display:none!important}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{padding:0!important;overflow:visible!important;background-color:transparent!important;border:0!important}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0!important}.algolia-autocomplete .algolia-docsearch-suggestion{padding:0!important;overflow:visible!important}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{padding:.125rem 1rem!important;margin-top:0!important;font-size:.875rem!important;font-weight:500!important;color:#6e7dd3!important;border-bottom:0!important}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{float:none!important;padding-top:0!important}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:none!important;width:auto!important;padding:0!important;text-align:left!important}.algolia-autocomplete .algolia-docsearch-suggestion--content{float:none!important;width:auto!important;padding:0!important}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{display:none!important}.algolia-autocomplete .ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header{padding-top:.75rem!important;margin-top:.75rem!important;border-top:1px solid rgba(0,0,0,.1)}.algolia-autocomplete .ds-suggestion .algolia-docsearch-suggestion--subcategory-column{display:none!important}.algolia-autocomplete .algolia-docsearch-suggestion--title{display:block;padding:.25rem 1rem!important;margin-bottom:0!important;font-size:.875rem!important;font-weight:400!important}.algolia-autocomplete .algolia-docsearch-suggestion--text{padding:0 1rem .5rem!important;margin-top:-.25rem;font-size:.875rem!important;font-weight:400;line-height:1.25!important}.algolia-autocomplete .algolia-docsearch-footer{float:none!important;width:auto!important;height:auto!important;padding:.75rem 1rem 0;font-size:.75rem!important;line-height:1!important;color:#767676!important;border-top:1px solid rgba(0,0,0,.1)}.algolia-autocomplete .algolia-docsearch-footer--logo{display:inline!important;overflow:visible!important;color:inherit!important;text-indent:0!important;background:none!important}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#5f2dab;background-color:rgba(154,132,187,.12)}.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{box-shadow:inset 0 -2px 0 0 rgba(95,45,171,.5)!important}.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content{background-color:rgba(208,189,236,.15)!important}
\ No newline at end of file
+ */.bd-navbar{min-height:4rem;background-color:#3f51b5;box-shadow:0 .5rem 1rem rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.1)}@media (max-width:991px){.bd-navbar{padding-right:.5rem;padding-left:.5rem}.bd-navbar .navbar-nav-scroll{max-width:100%;height:2.5rem;margin-top:.25rem;overflow:hidden;font-size:.875rem}.bd-navbar .navbar-nav-scroll .navbar-nav{padding-bottom:2rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (min-width:768px){@supports (position:sticky){.bd-navbar{position:sticky;top:0;z-index:4}}}.bd-navbar .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;color:#cdbfe3}.bd-navbar .navbar-nav .nav-link.active,.bd-navbar .navbar-nav .nav-link:hover{color:#fff;background-color:transparent}.bd-navbar .navbar-nav .nav-link.active{font-weight:500}.bd-navbar .navbar-nav-svg{display:inline-block;width:1rem;height:1rem;vertical-align:text-top}.bd-navbar .dropdown-menu{font-size:.875rem}.bd-navbar .dropdown-item.active{font-weight:500;color:#212529;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.4rem 1.1rem;background-size:.75rem .75rem}.bd-masthead,.bd-navbar .nav-item{position:relative}.bd-masthead{padding:3rem 15px}.bd-masthead h1{line-height:1}.bd-masthead .btn{width:100%;padding:.8rem 2rem;font-size:1.25rem;font-weight:500}.bd-masthead .carbonad{margin-top:0!important;margin-bottom:-3rem!important}@media (min-width:576px){.bd-masthead{padding-top:5rem;padding-bottom:5rem}.bd-masthead .carbonad{margin-bottom:0!important}}@media (min-width:768px){.bd-masthead h1{font-size:4rem}.bd-masthead .carbonad{margin-top:3rem!important}}.bd-pretext{overflow:hidden;resize:none}.half-rule{width:6rem;margin:2.5rem 0}.masthead-followup .bd-clipboard{display:none}.masthead-followup .highlight{padding:.5rem 0;background-color:transparent}.bd-featured-sites{margin-right:-1px;margin-left:-1px}.bd-featured-sites .col-6{padding:1px}.bd-featured-sites .img-fluid{margin-top:0}@media (min-width:768px){.bd-featured-sites .col-sm-3:first-child img{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bd-featured-sites .col-sm-3:last-child img{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}}#carbonads{position:static;display:block;max-width:400px;padding:15px 15px 15px 160px;margin:2rem 0;overflow:hidden;font-size:13px;line-height:1.4;text-align:left;background-color:rgba(0,0,0,.05)}#carbonads a{color:#333;text-decoration:none}@media (min-width:576px){#carbonads{max-width:330px;border-radius:4px}}.carbon-img{float:left;margin-left:-145px}.carbon-poweredby{display:block;color:#777!important}body.creativetim .partner.mdbootstrap{display:none}body.creativetim .partner.creativetim{display:initial}body.mdbootstrap .partner.creativetim{display:none}body.mdbootstrap .partner.mdbootstrap{display:initial}.bd-content{order:1}.bd-content>h2[id],.bd-content>h3[id],.bd-content>h4[id]{pointer-events:none}.bd-content>h2[id]>a,.bd-content>h2[id]>div,.bd-content>h3[id]>a,.bd-content>h3[id]>div,.bd-content>h4[id]>a,.bd-content>h4[id]>div{pointer-events:auto}.bd-content>h2[id]:before,.bd-content>h3[id]:before,.bd-content>h4[id]:before{display:block;height:6rem;margin-top:-6rem;visibility:hidden;content:""}.bd-content>table{width:100%;max-width:100%;margin-bottom:1rem}@media (max-width:991px){.bd-content>table{display:block;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar}}.bd-content>table>tbody>tr>td,.bd-content>table>tbody>tr>th,.bd-content>table>tfoot>tr>td,.bd-content>table>tfoot>tr>th,.bd-content>table>thead>tr>td,.bd-content>table>thead>tr>th{padding:.75rem;vertical-align:top;border:1px solid rgba(0,0,0,.06)}.bd-content>table>tbody>tr>td>p:last-child,.bd-content>table>tbody>tr>th>p:last-child,.bd-content>table>tfoot>tr>td>p:last-child,.bd-content>table>tfoot>tr>th>p:last-child,.bd-content>table>thead>tr>td>p:last-child,.bd-content>table>thead>tr>th>p:last-child{margin-bottom:0}.bd-content>table td:first-child>code{white-space:nowrap}.bd-content>h2:not(:first-child){margin-top:3rem}.bd-content>h3{margin-top:1.5rem}.bd-content>ol li,.bd-content>ul li{margin-bottom:.25rem}@media (min-width:992px){.bd-content>ol,.bd-content>p,.bd-content>ul{max-width:80%}}.bd-title{margin-top:1rem;margin-bottom:.5rem;font-weight:300}@media (min-width:576px){.bd-title{font-size:3rem}}.bd-lead{font-size:1.125rem;font-weight:300}@media (min-width:576px){.bd-lead{max-width:80%;margin-bottom:1rem;font-size:1.5rem}}.bd-text-purple{color:#3f51b5}.bd-text-purple-bright{color:#6e7dd3}.bd-pageheader{padding:2rem 15px;margin-bottom:1.5rem;color:#cdbfe3;text-align:center;background-color:#3f51b5}.bd-pageheader .container{position:relative}.bd-pageheader h1{font-size:3rem;font-weight:400;color:#fff}.bd-pageheader p{margin-bottom:0;font-size:1.25rem;font-weight:300}@media (min-width:576px){.bd-pageheader{padding-top:4rem;padding-bottom:4rem;margin-bottom:3rem;text-align:left}.bd-pageheader .carbonad{margin:2rem 0 0!important}}@media (min-width:768px){.bd-pageheader h1{font-size:4rem}.bd-pageheader p{font-size:1.5rem}}@media (min-width:992px){.bd-pageheader h1,.bd-pageheader p{margin-right:380px}.bd-pageheader .carbonad{position:absolute;top:0;right:.75rem;margin:0!important}}#skippy{display:block;padding:1em;color:#fff;background-color:#3f51b5;outline:0}#skippy .skiplink-text{padding:.5em;outline:1px dotted}.bd-toc{order:2;padding-top:1.5rem;padding-bottom:1.5rem;font-size:.875rem}@supports (position:sticky){.bd-toc{position:sticky;top:4rem;max-height:calc(100vh - 4rem);overflow-y:auto}}.section-nav{padding-left:0;border-left:1px solid #eee}.section-nav ul{padding-left:1rem}.section-nav ul ul{display:none}.toc-entry,.toc-entry a{display:block}.toc-entry a{padding:.125rem 1.5rem;color:#99979c}.toc-entry a:hover{color:#2196f3;text-decoration:none}.bd-sidebar{order:0;border-bottom:1px solid rgba(0,0,0,.1)}@media (min-width:768px){.bd-sidebar{border-right:1px solid rgba(0,0,0,.1)}@supports (position:sticky){.bd-sidebar{position:sticky;top:4rem;z-index:3;max-height:calc(100vh - 4rem)}}}@media (min-width:1200px){.bd-sidebar{max-width:320px}}.bd-links{padding-top:1rem;padding-bottom:1rem;margin-right:-15px;margin-left:-15px}@media (min-width:768px){@supports (position:sticky){.bd-links{max-height:calc(100vh - 9rem);overflow-y:auto}}}@media (min-width:768px){.bd-links{display:block!important}}.bd-search{position:relative;padding:1rem 15px;margin-right:-15px;margin-left:-15px;border-bottom:1px solid rgba(0,0,0,.05)}.bd-search-docs-toggle{line-height:1;color:#212529}.bd-sidenav{display:none}.bd-toc-link{display:block;padding:.25rem 1.5rem;font-weight:500;color:rgba(0,0,0,.65)}.bd-toc-link:hover{color:rgba(0,0,0,.85);text-decoration:none}.bd-toc-item.active{margin-bottom:1rem}.bd-toc-item.active:not(:first-child){margin-top:1rem}.bd-toc-item.active>.bd-toc-link{color:rgba(0,0,0,.85)}.bd-toc-item.active>.bd-toc-link:hover{background-color:transparent}.bd-toc-item.active>.bd-sidenav{display:block}.bd-sidebar .nav>li>a{display:block;padding:.25rem 1.5rem;font-size:90%;color:rgba(0,0,0,.65)}.bd-sidebar .nav>li>a:hover{color:rgba(0,0,0,.85);text-decoration:none;background-color:transparent}.bd-sidebar .nav>.active:hover>a,.bd-sidebar .nav>.active>a{font-weight:500;color:rgba(0,0,0,.85);background-color:transparent}.bd-footer{font-size:85%;text-align:center;background-color:#f7f7f7}.bd-footer a{font-weight:500;color:#495057}.bd-footer a:focus,.bd-footer a:hover{color:#2196f3}.bd-footer p{margin-bottom:0}@media (min-width:576px){.bd-footer{text-align:left}}.bd-footer-links{padding-left:0;margin-bottom:1rem}.bd-footer-links li{display:inline-block}.bd-footer-links li+li{margin-left:1rem}.bd-example-row .row+.row{margin-top:1rem}.bd-example-row .row>.col,.bd-example-row .row>[class^=col-]{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2)}.bd-example-row .flex-items-bottom,.bd-example-row .flex-items-middle,.bd-example-row .flex-items-top{min-height:6rem;background-color:rgba(255,0,0,.1)}.bd-example-row-flex-cols .row{min-height:10rem;background-color:rgba(255,0,0,.1)}.bd-highlight{background-color:rgba(63,81,181,.15);border:1px solid rgba(63,81,181,.15)}.example-container{width:800px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;width:100%}.example-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.example-content-main{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.example-content-main{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.example-content-main{flex:0 0 66.66667%;max-width:66.66667%}}.example-content-secondary{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.example-content-secondary{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.example-content-secondary{flex:0 0 33.33333%;max-width:33.33333%}}.bd-example-container{min-width:16rem;max-width:25rem;margin-right:auto;margin-left:auto}.bd-example-container-header{height:3rem;margin-bottom:.5rem;background-color:#fff;border-radius:.25rem}.bd-example-container-sidebar{float:right;width:4rem;height:8rem;background-color:#9acffa;border-radius:.25rem}.bd-example-container-body{height:8rem;margin-right:4.5rem;background-color:#98a2db;border-radius:.25rem}.bd-example-container-fluid{max-width:none}.bd-example{position:relative;padding:1rem;margin:1rem -15px;border:solid #f7f7f9;border-width:.2rem 0 0}.bd-example:after{display:block;clear:both;content:""}@media (min-width:576px){.bd-example{padding:1.5rem;margin-right:0;margin-bottom:0;margin-left:0;border-width:.2rem}}.bd-example+.clipboard+.highlight,.bd-example+.highlight{margin-top:0}.bd-example+p{margin-top:2rem}.bd-example .pos-f-t{position:relative;margin:-1rem}@media (min-width:576px){.bd-example .pos-f-t{margin:-1.5rem}}.bd-example>.form-control+.form-control{margin-top:.5rem}.bd-example>.alert+.alert,.bd-example>.nav+.nav,.bd-example>.navbar+.navbar,.bd-example>.progress+.btn,.bd-example>.progress+.progress{margin-top:1rem}.bd-example>.dropdown-menu:first-child{position:static;display:block}.bd-example>.form-group:last-child{margin-bottom:0}.bd-example>.close{float:none}.bd-example-type .table .type-info{color:#999;vertical-align:middle}.bd-example-type .table td{padding:1rem 0;border-color:#eee}.bd-example-type .table tr:first-child td{border-top:0}.bd-example-type h1,.bd-example-type h2,.bd-example-type h3,.bd-example-type h4,.bd-example-type h5,.bd-example-type h6{margin:0}.bd-example-bg-classes p{padding:1rem}.bd-example>img+img{margin-left:.5rem}.bd-example>.btn-group{margin-top:.25rem;margin-bottom:.25rem}.bd-example-control-sizing input[type=text]+input[type=text],.bd-example-control-sizing select,.bd-example>.btn-toolbar+.btn-toolbar{margin-top:.5rem}.bd-example-form .input-group{margin-bottom:.5rem}.bd-example>textarea.form-control{resize:vertical}.bd-example>.list-group{max-width:400px}.bd-example .fixed-top,.bd-example .sticky-top{position:static;margin:-1rem -1rem 1rem}.bd-example .fixed-bottom{position:static;margin:1rem -1rem -1rem}@media (min-width:576px){.bd-example .fixed-top,.bd-example .sticky-top{margin:-1.5rem -1.5rem 1rem}.bd-example .fixed-bottom{margin:1rem -1.5rem -1.5rem}}.bd-example .pagination{margin-top:.5rem;margin-bottom:.5rem}.bd-example-modal{background-color:#fafafa}.bd-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bd-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.modal.show{z-index:5}.modal.show .popover,.modal.show .tooltip{z-index:6}.modal-backdrop{z-index:4}.bd-example-tabs .nav-tabs{margin-bottom:1rem}.bd-example-tooltips{text-align:center}.bd-example-tooltips>.btn{margin-top:.25rem;margin-bottom:.25rem}.bs-tooltip-bottom-docs .arrow,.bs-tooltip-top-docs .arrow{left:50%}.bs-tooltip-left-docs .arrow,.bs-tooltip-right-docs .arrow{top:50%}.bd-example-popover-static{padding-bottom:1.5rem;background-color:#f9f9f9}.bd-example-popover-static .popover{position:relative;display:block;float:left;width:260px;margin:1.25rem}.bs-popover-bottom-docs .arrow,.bs-popover-top-docs .arrow{left:50%}.bs-popover-left-docs .arrow,.bs-popover-right-docs .arrow{top:50%}.tooltip-demo a{white-space:nowrap}.bd-example-tooltip-static .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.scrollspy-example{position:relative;height:200px;margin-top:.5rem;overflow:auto}.scrollspy-example-2{position:relative;height:350px;overflow:auto}.bd-example-border-utils [class^=border]{display:inline-block;width:5rem;height:5rem;margin:.25rem;background-color:#f5f5f5;border:1px solid}.highlight{padding:1rem;margin:1rem -15px;background-color:#f7f7f9;-ms-overflow-style:-ms-autohiding-scrollbar}@media (min-width:576px){.highlight{padding:1.5rem;margin-right:0;margin-left:0}}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#212529}.table-responsive .highlight pre{white-space:normal}.bd-table th small{display:block;font-weight:400;color:#999}.btn-bd-purple{font-weight:500;color:#6e7dd3;border-color:#6e7dd3}.btn-bd-purple:active,.btn-bd-purple:hover{color:#fff;background-color:#6e7dd3;border-color:#6e7dd3}.btn-bd-yellow{font-weight:500;color:#ffe484;border-color:#ffe484}.btn-bd-yellow:active,.btn-bd-yellow:hover{color:#2a2730;background-color:#ffe484;border-color:#ffe484}.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #eee;border-left-width:.25rem;border-radius:.25rem}.bd-callout h4{margin-top:0;margin-bottom:.25rem}.bd-callout p:last-child{margin-bottom:0}.bd-callout code{border-radius:.25rem}.bd-callout+.bd-callout{margin-top:-.25rem}.bd-callout-info{border-left-color:#5bc0de}.bd-callout-info h4{color:#5bc0de}.bd-callout-warning{border-left-color:#f0ad4e}.bd-callout-warning h4{color:#f0ad4e}.bd-callout-danger{border-left-color:#d9534f}.bd-callout-danger h4{color:#d9534f}.bd-examples .img-thumbnail{margin-bottom:.75rem}.bd-examples h4{margin-bottom:.25rem}.bd-examples p{margin-bottom:1.25rem}@media (max-width:480px){.bd-examples{margin-right:-.75rem;margin-left:-.75rem}.bd-examples>[class^=col-]{padding-right:.75rem;padding-left:.75rem}}.bd-team{margin-bottom:1.5rem}.bd-team .team-member{line-height:2rem;color:#555}.bd-team .team-member:focus,.bd-team .team-member:hover{color:#333}.bd-team .team-member:hover{text-decoration:none}.bd-team .github-btn{float:right;width:180px;height:1.25rem;margin-top:.25rem;border:0}.bd-team img{float:left;width:2rem;margin-right:.5rem;border-radius:.25rem}.bd-browser-bugs td p{margin-bottom:0}.bd-browser-bugs th:first-child{width:18%}.bd-brand-logos{display:table;width:100%;margin-bottom:1rem;overflow:hidden;color:#3f51b5;background-color:#f9f9f9;border-radius:.25rem}.bd-brand-item{padding:4rem 0;text-align:center}.bd-brand-item+.bd-brand-item{border-top:1px solid #fff}.bd-brand-logos .inverse{color:#fff;background-color:#3f51b5}.bd-brand-item h1,.bd-brand-item h3{margin-top:0;margin-bottom:0}.bd-brand-item .bd-booticon{margin-right:auto;margin-left:auto}@media (min-width:768px){.bd-brand-item{display:table-cell;width:1%}.bd-brand-item+.bd-brand-item{border-top:0;border-left:1px solid #fff}.bd-brand-item h1{font-size:4rem}}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:4rem;height:4rem;margin-right:.25rem;margin-left:.25rem;border-radius:.25rem}@media (min-width:768px){.color-swatch{width:6rem;height:6rem}}.color-swatches .bd-purple{background-color:#3f51b5}.color-swatches .bd-purple-light{background-color:#cdbfe3}.color-swatches .bd-purple-lighter{background-color:#e5e1ea}.color-swatches .bd-gray{background-color:#f9f9f9}.swatch-blue{background-color:#2196f3;color:#fff}.swatch-indigo{background-color:#3f51b5;color:#fff}.swatch-purple{background-color:#9c27b0;color:#fff}.swatch-pink{background-color:#e91e63;color:#fff}.swatch-red{background-color:#f44336;color:#fff}.swatch-orange{background-color:#ff9800;color:#111}.swatch-yellow{background-color:#ffeb3b;color:#111}.swatch-green{background-color:#4caf50;color:#fff}.swatch-teal{background-color:#009688;color:#fff}.swatch-cyan{background-color:#00bcd4;color:#fff}.swatch-white{background-color:#fff;color:#111}.swatch-gray{background-color:#868e96;color:#fff}.swatch-gray-dark{background-color:#343a40;color:#fff}.swatch-primary{background-color:#2196f3;color:#fff}.swatch-secondary{background-color:#868e96;color:#fff}.swatch-success{background-color:#4caf50;color:#fff}.swatch-info{background-color:#00bcd4;color:#fff}.swatch-warning{background-color:#ffeb3b;color:#111}.swatch-danger{background-color:#f44336;color:#fff}.swatch-light{background-color:#f8f9fa;color:#111}.swatch-dark{background-color:#343a40;color:#fff}.swatch-100{background-color:#f8f9fa;color:#111}.swatch-200{background-color:#e9ecef;color:#111}.swatch-300{background-color:#dee2e6;color:#111}.swatch-400{background-color:#ced4da;color:#111}.swatch-500{background-color:#adb5bd;color:#111}.swatch-600{background-color:#868e96;color:#fff}.swatch-700{background-color:#495057;color:#fff}.swatch-800{background-color:#343a40;color:#fff}.swatch-900{background-color:#212529;color:#fff}.bd-clipboard{position:relative;display:none;float:right}.bd-clipboard+.highlight{margin-top:0}.btn-clipboard{position:absolute;top:.5rem;right:.5rem;z-index:2;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;cursor:pointer;background-color:transparent;border:0;border-radius:.25rem}.btn-clipboard:hover{color:#fff;background-color:#027de7}@media (min-width:768px){.bd-clipboard{display:block}}.hll{background-color:#ffc}.c{color:#999}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#fcc;border:1px solid #c00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#cfc;border:1px solid #0c0}.go{color:#aaa}.gp{color:#009}.gu{color:#030}.gt{color:#9c6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#f60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0a8}.no{color:#360}.nd{color:#99f}.ni{color:#999}.ne{color:#c00}.nf{color:#c0f}.nl{color:#99f}.nn{color:#0cf}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#f60}.sb,.sc,.sd{color:#c30}.sd{font-style:italic}.s2,.se,.sh{color:#c30}.si{color:#a00}.sx{color:#c30}.sr{color:#3aa}.s1{color:#c30}.ss{color:#fc3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#f60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}.language-bash:before{color:#009;content:"$ ";user-select:none}.language-powershell:before{color:#009;content:"PM> ";user-select:none}.anchorjs-link{font-weight:400;color:rgba(33,150,243,.5);transition:color .16s linear}.anchorjs-link:hover{color:#2196f3;text-decoration:none}.algolia-autocomplete{display:block!important;flex:1}.algolia-autocomplete .ds-dropdown-menu{width:100%;min-width:0!important;max-width:none!important;padding:.75rem 0!important;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.175)}@media (min-width:768px){.algolia-autocomplete .ds-dropdown-menu{width:175%}}.algolia-autocomplete .ds-dropdown-menu:before{display:none!important}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{padding:0!important;overflow:visible!important;background-color:transparent!important;border:0!important}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0!important}.algolia-autocomplete .algolia-docsearch-suggestion{padding:0!important;overflow:visible!important}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{padding:.125rem 1rem!important;margin-top:0!important;font-size:.875rem!important;font-weight:500!important;color:#6e7dd3!important;border-bottom:0!important}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{float:none!important;padding-top:0!important}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:none!important;width:auto!important;padding:0!important;text-align:left!important}.algolia-autocomplete .algolia-docsearch-suggestion--content{float:none!important;width:auto!important;padding:0!important}.algolia-autocomplete .algolia-docsearch-suggestion--content:before{display:none!important}.algolia-autocomplete .ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header{padding-top:.75rem!important;margin-top:.75rem!important;border-top:1px solid rgba(0,0,0,.1)}.algolia-autocomplete .ds-suggestion .algolia-docsearch-suggestion--subcategory-column{display:none!important}.algolia-autocomplete .algolia-docsearch-suggestion--title{display:block;padding:.25rem 1rem!important;margin-bottom:0!important;font-size:.875rem!important;font-weight:400!important}.algolia-autocomplete .algolia-docsearch-suggestion--text{padding:0 1rem .5rem!important;margin-top:-.25rem;font-size:.875rem!important;font-weight:400;line-height:1.25!important}.algolia-autocomplete .algolia-docsearch-footer{float:none!important;width:auto!important;height:auto!important;padding:.75rem 1rem 0;font-size:.75rem!important;line-height:1!important;color:#767676!important;border-top:1px solid rgba(0,0,0,.1)}.algolia-autocomplete .algolia-docsearch-footer--logo{display:inline!important;overflow:visible!important;color:inherit!important;text-indent:0!important;background:none!important}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#5f2dab;background-color:rgba(154,132,187,.12)}.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{box-shadow:inset 0 -2px 0 0 rgba(95,45,171,.5)!important}.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content{background-color:rgba(208,189,236,.15)!important}
\ No newline at end of file
diff --git a/assets/js/src/application.js b/assets/js/src/application.js
index 9f520cd2..9a328f08 100755
--- a/assets/js/src/application.js
+++ b/assets/js/src/application.js
@@ -18,14 +18,6 @@
   $(function() {
     $('body').bootstrapMaterialDesign();
 
-    ab('partner', 0.5).slices('creativetim', 'mdbootstrap').run(function() {
-      if (this.slice.name !== 'creativetim' && this.slice.name !== 'control') {
-        $('.partner.creativetim').hide();
-      }
-      $('.partner.' + this.slice.name).show();
-      ga('send', 'event', 'Partner', this.slice.name);
-    });
-
     // Indeterminate checkbox example
     $('.bd-example-indeterminate [type="checkbox"]').prop(
       'indeterminate',
diff --git a/assets/js/vendor/ab.min.js b/assets/js/vendor/ab.min.js
deleted file mode 100644
index 04eab503..00000000
--- a/assets/js/vendor/ab.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! ab - v0.0.3 - 2014-03-24 */
-!function(){function a(){this._events={}}function b(a){this.name=a}function c(a,b){this.name=a,this.traffic=b,this.slice=null,this.storage=i,this._slices={}}var d={},e=function(a,b,e){return d.hasOwnProperty(a)?d[a]:("undefined"==typeof b&&(b=1),d[a]=new c(a,b),e&&e.length&&d[a].slices(e),d[a])};e.clear=function(){for(var a in d)d.hasOwnProperty(a)&&d[a].clear();d={}};var f=window.ab;e.noConflict=function(){return window.ab=f,e},e.events=new a,e.version="__VERSION__",e.config={STORAGE_PREFIX:"ab:"};var g=function(a){var b="test";try{return window[a+"Storage"].setItem(b,b),window[a+"Storage"].removeItem(b),!0}catch(c){return!1}},h=function(a){function b(a,b,c){var d,e;c?(d=new Date,d.setTime(d.getTime()+24*c*60*60*1e3),e="; expires="+d.toGMTString()):e="",document.cookie=a+"="+b+e+"; path=/"}function c(a){var b,c,d=a+"=",e=document.cookie.split(";");for(b=0;b<e.length;b++){for(c=e[b];" "===c.charAt(0);)c=c.substring(1,c.length);if(0===c.indexOf(d))return c.substring(d.length,c.length)}return null}function d(c){c=JSON.stringify(c),"session"===a?window.name=c:b("localStorage",c,365)}function e(){"session"===a?window.name="":b("localStorage","",365)}function f(){var b="session"===a?window.name:c("localStorage");try{return b?JSON.parse(b):{}}catch(d){return{}}}var g=f();return{length:0,clear:function(){g={},this.length=0,e()},getItem:function(a){return void 0===g[a]?null:g[a]},key:function(a){var b=0;for(var c in g){if(b==a)return c;b+=1}return null},removeItem:function(a){delete g[a],this.length-=1,d(g)},setItem:function(a,b){g[a]=b+"",this.length+=1,d(g)}}},i=g("local")?window.localStorage:new h("local");a.prototype.trigger=function(a){var b=Array.prototype.slice.call(arguments,1);if(this._events.hasOwnProperty(a))for(var c=0,d=this._events[a].length;d>c;c++)this._events[a][c].apply(window,b)},a.prototype.on=function(a,b){this._events.hasOwnProperty(a)||(this._events[a]=[]),this._events[a].push(b)},b.prototype.toString=function(){return this.name},b.prototype.toJSON=function(){return{name:this.name}},c.prototype.slices=function(a){if(null!==this.slice)throw new Error("Attempted to add slices to already running test.");"[object Array]"!==Object.prototype.toString.call(a)&&(a=Array.prototype.slice.call(arguments,0));for(var c=0,d=a.length;d>c;c++)this.add(new b(a[c]));return this},c.prototype.add=function(a){return this._slices[a.name]=a,this},c.prototype.run=function(a){var c=this.urlSlice()||this.storedSlice();return c&&this.hasSlice(c)?this.slice=this.getSlice(c):Math.random()>this.traffic?(this.slice=new b("control"),e.events.trigger("start",this)):(this.slice=this.chooseSlice(),e.events.trigger("start",this)),this.storage.setItem(this.key(),this.slice.name),"function"==typeof a&&a.call(this),e.events.trigger("run",this),this},c.prototype.chooseSlice=function(){var a=[];for(var c in this._slices)this._slices.hasOwnProperty(c)&&a.push(c);if(0===a.length)return new b("control");var d=Math.floor(Math.random()/(1/a.length));return this.getSlice(a[d])},c.prototype.hasSlice=function(a){return"control"===a&&this.traffic<1||this._slices.hasOwnProperty(a)},c.prototype.getSlice=function(a){return"control"===a?new b("control"):this._slices[a]},c.prototype.urlSlice=function(){var a,b=window.location.hash,c=window.location.search,d=new RegExp("("+this.key()+")=([\\w0-9]+)");return(a=b.match(d))?a[2]:(a=c.match(d))?a[2]:!1},c.prototype.storedSlice=function(){return this.storage.getItem(this.key())},c.prototype.key=function(){return e.config.STORAGE_PREFIX+this.name},c.prototype.toString=function(){return this.key()},c.prototype.clear=function(){this.storage.removeItem(this.key())},c.prototype.style=function(a){var b=document.createElement("link");return b.rel="stylesheet",b.href=a,document.head.appendChild(b),this},c.prototype.script=function(a,b){var c=document.createElement("script");c.type="text/javascript",c.async="undefined"==typeof b?!0:!!b,c.src=a;var d=document.getElementsByTagName("script")[0];return d.parentNode.insertBefore(c,d),this},e.Test=c,e.Slice=b,e.Storage=h,e.Events=a,"undefined"!=typeof module&&module.exports&&"undefined"!=typeof require?module.exports=e:"function"==typeof define&&define.amd?define("ab",function(){return e}):window.ab=e}();
diff --git a/assets/js/vendor/split.min.js b/assets/js/vendor/split.min.js
new file mode 100644
index 00000000..3847be9c
--- /dev/null
+++ b/assets/js/vendor/split.min.js
@@ -0,0 +1,21 @@
+
+var _gaq=_gaq||[]
+Split=(function(){var config={},defaults={cookieName:'abTest',cookieAge:30,customVariableName:'AB Test alternative',customVariableIndex:1}
+function createCookie(name,value,days){if(days){var date=new Date();date.setTime(date.getTime()+(days*24*60*60*1000));var expires="; expires="+date.toGMTString();}
+else var expires="";document.cookie=name+"="+value+expires+"; path=/";}
+function readCookie(name){var nameEQ=name+"=";var ca=document.cookie.split(';');for(var i=0;i<ca.length;i++){var c=ca[i];while(c.charAt(0)==' ')c=c.substring(1,c.length);if(c.indexOf(nameEQ)==0)return c.substring(nameEQ.length,c.length);}
+return null;}
+function eraseCookie(name){createCookie(name,"",-1);}
+function getKeys(obj)
+{var keys=[];for(var i in obj)if(obj.hasOwnProperty(i))
+{keys.push(i);}
+return keys;}
+function init(){alternatives=arguments[0]
+options=arguments[1]
+keys=getKeys(alternatives);config={}
+if(options!=undefined){for(k in defaults){config[k]=(options[k]!=undefined)?options[k]:defaults[k];}}else{config=defaults;}
+var alternative=readCookie(config.cookieName)
+if(alternative){}else{alternative=keys[Math.floor(Math.random()*keys.length)]
+createCookie(config.cookieName,alternative,config.cookieAge)}
+_gaq.push(['_setCustomVar',config.customVariableIndex,config.customVariableName,alternative,1]);alternatives[alternative]();}
+return{setup:function(args,options){init(args,options)}}})();
diff --git a/docs/4.0/about/brand/index.html b/docs/4.0/about/brand/index.html
index 712a15c6..2e4190c3 100644
--- a/docs/4.0/about/brand/index.html
+++ b/docs/4.0/about/brand/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1274,12 +1263,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/about/history/index.html b/docs/4.0/about/history/index.html
index 4a269a07..dcb69d9f 100644
--- a/docs/4.0/about/history/index.html
+++ b/docs/4.0/about/history/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1200,12 +1189,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/about/license/index.html b/docs/4.0/about/license/index.html
index db9fd2e2..dde9345c 100644
--- a/docs/4.0/about/license/index.html
+++ b/docs/4.0/about/license/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1230,12 +1219,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/about/team/index.html b/docs/4.0/about/team/index.html
index 64b99b0a..42461826 100644
--- a/docs/4.0/about/team/index.html
+++ b/docs/4.0/about/team/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1282,12 +1271,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/about/translations/index.html b/docs/4.0/about/translations/index.html
index 9dd3b391..14ae54a5 100644
--- a/docs/4.0/about/translations/index.html
+++ b/docs/4.0/about/translations/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1208,12 +1197,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/browser-bugs/index.html b/docs/4.0/browser-bugs/index.html
index f48026bf..4e8bc508 100644
--- a/docs/4.0/browser-bugs/index.html
+++ b/docs/4.0/browser-bugs/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1879,12 +1868,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/alerts/index.html b/docs/4.0/components/alerts/index.html
index 2fe334d3..c80ee3d4 100644
--- a/docs/4.0/components/alerts/index.html
+++ b/docs/4.0/components/alerts/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1451,12 +1440,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/badge/index.html b/docs/4.0/components/badge/index.html
index 6277408f..8c31d9d1 100644
--- a/docs/4.0/components/badge/index.html
+++ b/docs/4.0/components/badge/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1331,12 +1320,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/breadcrumb/index.html b/docs/4.0/components/breadcrumb/index.html
index 3ee413de..e7392bf9 100644
--- a/docs/4.0/components/breadcrumb/index.html
+++ b/docs/4.0/components/breadcrumb/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1241,12 +1230,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/button-group/index.html b/docs/4.0/components/button-group/index.html
index c3fddfbb..23dcbe65 100644
--- a/docs/4.0/components/button-group/index.html
+++ b/docs/4.0/components/button-group/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1456,12 +1445,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/buttons/index.html b/docs/4.0/components/buttons/index.html
index 5479c446..e6e98e8b 100644
--- a/docs/4.0/components/buttons/index.html
+++ b/docs/4.0/components/buttons/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1461,12 +1450,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/card/index.html b/docs/4.0/components/card/index.html
index 6e9d66a4..8f950c63 100644
--- a/docs/4.0/components/card/index.html
+++ b/docs/4.0/components/card/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -2615,12 +2604,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/carousel/index.html b/docs/4.0/components/carousel/index.html
index c2e0f872..5f74f320 100644
--- a/docs/4.0/components/carousel/index.html
+++ b/docs/4.0/components/carousel/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1587,12 +1576,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/collapse/index.html b/docs/4.0/components/collapse/index.html
index 8254088b..e116ce6b 100644
--- a/docs/4.0/components/collapse/index.html
+++ b/docs/4.0/components/collapse/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1604,12 +1593,29 @@ Multiple <code class="highlighter-rouge">&lt;button&gt;</code> or <code class="h
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/dropdowns/index.html b/docs/4.0/components/dropdowns/index.html
index 6dc8a719..d72c47c5 100644
--- a/docs/4.0/components/dropdowns/index.html
+++ b/docs/4.0/components/dropdowns/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1986,12 +1975,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/forms/index.html b/docs/4.0/components/forms/index.html
index 5b748670..536a8c38 100644
--- a/docs/4.0/components/forms/index.html
+++ b/docs/4.0/components/forms/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -2953,12 +2942,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/input-group/index.html b/docs/4.0/components/input-group/index.html
index f313e0d5..ec86654d 100644
--- a/docs/4.0/components/input-group/index.html
+++ b/docs/4.0/components/input-group/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1614,12 +1603,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/jumbotron/index.html b/docs/4.0/components/jumbotron/index.html
index 5b4fcdae..6734ce4d 100644
--- a/docs/4.0/components/jumbotron/index.html
+++ b/docs/4.0/components/jumbotron/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1235,12 +1224,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/list-group/index.html b/docs/4.0/components/list-group/index.html
index 1bf0a18f..35f975a7 100644
--- a/docs/4.0/components/list-group/index.html
+++ b/docs/4.0/components/list-group/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1694,12 +1683,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/modal/index.html b/docs/4.0/components/modal/index.html
index 2a414830..b8bb5bb8 100644
--- a/docs/4.0/components/modal/index.html
+++ b/docs/4.0/components/modal/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1900,12 +1889,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/navbar/index.html b/docs/4.0/components/navbar/index.html
index 893fd6df..0fc9f5a9 100644
--- a/docs/4.0/components/navbar/index.html
+++ b/docs/4.0/components/navbar/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -2026,12 +2015,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/navs/index.html b/docs/4.0/components/navs/index.html
index 5fe5c618..d1423bd0 100644
--- a/docs/4.0/components/navs/index.html
+++ b/docs/4.0/components/navs/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -2062,12 +2051,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/pagination/index.html b/docs/4.0/components/pagination/index.html
index 3848ec7a..d6133fad 100644
--- a/docs/4.0/components/pagination/index.html
+++ b/docs/4.0/components/pagination/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1481,12 +1470,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/popovers/index.html b/docs/4.0/components/popovers/index.html
index 2772f50c..fd3504d8 100644
--- a/docs/4.0/components/popovers/index.html
+++ b/docs/4.0/components/popovers/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1606,12 +1595,29 @@ sagittis lacus vel augue laoreet rutrum faucibus."</span><span class="nt">&gt;</
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/progress/index.html b/docs/4.0/components/progress/index.html
index 29d493b4..b52d2ffb 100644
--- a/docs/4.0/components/progress/index.html
+++ b/docs/4.0/components/progress/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1400,12 +1389,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/scrollspy/index.html b/docs/4.0/components/scrollspy/index.html
index 6d63dcef..1a36a350 100644
--- a/docs/4.0/components/scrollspy/index.html
+++ b/docs/4.0/components/scrollspy/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1564,12 +1553,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/components/tooltips/index.html b/docs/4.0/components/tooltips/index.html
index aa347bf9..578c301f 100644
--- a/docs/4.0/components/tooltips/index.html
+++ b/docs/4.0/components/tooltips/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1575,12 +1564,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/content/code/index.html b/docs/4.0/content/code/index.html
index e3495481..620c9069 100644
--- a/docs/4.0/content/code/index.html
+++ b/docs/4.0/content/code/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1256,12 +1245,29 @@ To edit settings, press <span class="nt">&lt;kbd&gt;&lt;kbd&gt;</span>ctrl<span
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/content/figures/index.html b/docs/4.0/content/figures/index.html
index 7387b064..2dff165d 100644
--- a/docs/4.0/content/figures/index.html
+++ b/docs/4.0/content/figures/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1223,12 +1212,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/content/images/index.html b/docs/4.0/content/images/index.html
index 110a34c6..2ee44e16 100644
--- a/docs/4.0/content/images/index.html
+++ b/docs/4.0/content/images/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1263,12 +1252,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/content/reboot/index.html b/docs/4.0/content/reboot/index.html
index 8c2d2893..b595e11e 100644
--- a/docs/4.0/content/reboot/index.html
+++ b/docs/4.0/content/reboot/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1591,12 +1580,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/content/tables/index.html b/docs/4.0/content/tables/index.html
index eebfa021..525cc74f 100644
--- a/docs/4.0/content/tables/index.html
+++ b/docs/4.0/content/tables/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -2317,12 +2306,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/content/typography/index.html b/docs/4.0/content/typography/index.html
index 4cf68437..e7f517da 100644
--- a/docs/4.0/content/typography/index.html
+++ b/docs/4.0/content/typography/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1618,12 +1607,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/examples/index.html b/docs/4.0/examples/index.html
index 240d158d..33773271 100644
--- a/docs/4.0/examples/index.html
+++ b/docs/4.0/examples/index.html
@@ -54,17 +54,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -328,12 +317,29 @@
   </div>
 </footer>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/extend/approach/index.html b/docs/4.0/extend/approach/index.html
index 61d46d49..d79067ef 100644
--- a/docs/4.0/extend/approach/index.html
+++ b/docs/4.0/extend/approach/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1196,12 +1185,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/extend/icons/index.html b/docs/4.0/extend/icons/index.html
index 563fef13..f05cc534 100644
--- a/docs/4.0/extend/icons/index.html
+++ b/docs/4.0/extend/icons/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1218,12 +1207,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/extend/index.html b/docs/4.0/extend/index.html
index 368fbc0a..1a3eff3a 100644
--- a/docs/4.0/extend/index.html
+++ b/docs/4.0/extend/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1196,12 +1185,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/accessibility/index.html b/docs/4.0/getting-started/accessibility/index.html
index 1817981d..9e011fa7 100644
--- a/docs/4.0/getting-started/accessibility/index.html
+++ b/docs/4.0/getting-started/accessibility/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1252,12 +1241,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/best-practices/index.html b/docs/4.0/getting-started/best-practices/index.html
index 5edd74d8..877fa425 100644
--- a/docs/4.0/getting-started/best-practices/index.html
+++ b/docs/4.0/getting-started/best-practices/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1209,12 +1198,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/browsers-devices/index.html b/docs/4.0/getting-started/browsers-devices/index.html
index cecc41d6..32615657 100644
--- a/docs/4.0/getting-started/browsers-devices/index.html
+++ b/docs/4.0/getting-started/browsers-devices/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1386,12 +1375,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/build-tools/index.html b/docs/4.0/getting-started/build-tools/index.html
index 72bb9728..c20a57f7 100644
--- a/docs/4.0/getting-started/build-tools/index.html
+++ b/docs/4.0/getting-started/build-tools/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1280,12 +1269,29 @@ This means that you won’t be able to compile the stylesheets using <code class
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/contents/index.html b/docs/4.0/getting-started/contents/index.html
index ce06528c..f19f07fa 100644
--- a/docs/4.0/getting-started/contents/index.html
+++ b/docs/4.0/getting-started/contents/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1234,12 +1223,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/download/index.html b/docs/4.0/getting-started/download/index.html
index b6719bdc..59028767 100644
--- a/docs/4.0/getting-started/download/index.html
+++ b/docs/4.0/getting-started/download/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1302,12 +1291,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/introduction/index.html b/docs/4.0/getting-started/introduction/index.html
index 64be9d29..930568ca 100644
--- a/docs/4.0/getting-started/introduction/index.html
+++ b/docs/4.0/getting-started/introduction/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1313,12 +1302,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/javascript/index.html b/docs/4.0/getting-started/javascript/index.html
index d05d2f47..0daaf29c 100644
--- a/docs/4.0/getting-started/javascript/index.html
+++ b/docs/4.0/getting-started/javascript/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1318,12 +1307,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/options/index.html b/docs/4.0/getting-started/options/index.html
index 2fabece4..0c35f217 100644
--- a/docs/4.0/getting-started/options/index.html
+++ b/docs/4.0/getting-started/options/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1461,12 +1450,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/getting-started/webpack/index.html b/docs/4.0/getting-started/webpack/index.html
index f23f84f5..50f6c6cd 100644
--- a/docs/4.0/getting-started/webpack/index.html
+++ b/docs/4.0/getting-started/webpack/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1288,12 +1277,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/layout/grid/index.html b/docs/4.0/layout/grid/index.html
index e869eaa4..ef46b9ca 100644
--- a/docs/4.0/layout/grid/index.html
+++ b/docs/4.0/layout/grid/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -2207,12 +2196,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/layout/media-object/index.html b/docs/4.0/layout/media-object/index.html
index 58743d2f..70383d45 100644
--- a/docs/4.0/layout/media-object/index.html
+++ b/docs/4.0/layout/media-object/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1458,12 +1447,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/layout/overview/index.html b/docs/4.0/layout/overview/index.html
index c2a23a25..c23a6caa 100644
--- a/docs/4.0/layout/overview/index.html
+++ b/docs/4.0/layout/overview/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1348,12 +1337,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/layout/utilities-for-layout/index.html b/docs/4.0/layout/utilities-for-layout/index.html
index fa324d2d..4382110b 100644
--- a/docs/4.0/layout/utilities-for-layout/index.html
+++ b/docs/4.0/layout/utilities-for-layout/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1221,12 +1210,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/buttons/index.html b/docs/4.0/material-design/buttons/index.html
index e2f940fa..d1254950 100644
--- a/docs/4.0/material-design/buttons/index.html
+++ b/docs/4.0/material-design/buttons/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1575,12 +1564,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/collapse-inline/index.html b/docs/4.0/material-design/collapse-inline/index.html
index 87bff02a..1cf2f12f 100644
--- a/docs/4.0/material-design/collapse-inline/index.html
+++ b/docs/4.0/material-design/collapse-inline/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1283,12 +1272,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/drawers/index.html b/docs/4.0/material-design/drawers/index.html
index a8ffb1cf..b1e30111 100644
--- a/docs/4.0/material-design/drawers/index.html
+++ b/docs/4.0/material-design/drawers/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1719,12 +1708,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/extensions/index.html b/docs/4.0/material-design/extensions/index.html
index 21e1d164..b3417083 100644
--- a/docs/4.0/material-design/extensions/index.html
+++ b/docs/4.0/material-design/extensions/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1200,12 +1189,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/forms/index.html b/docs/4.0/material-design/forms/index.html
index 96106254..3d77b3c9 100644
--- a/docs/4.0/material-design/forms/index.html
+++ b/docs/4.0/material-design/forms/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1526,12 +1515,29 @@ you may need to wrap your markup in an <code class="highlighter-rouge">.bmd-form
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/labels/index.html b/docs/4.0/material-design/labels/index.html
index d09cfbc6..811a89f7 100644
--- a/docs/4.0/material-design/labels/index.html
+++ b/docs/4.0/material-design/labels/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1296,12 +1285,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/list-groups/index.html b/docs/4.0/material-design/list-groups/index.html
index 55d4a7a2..56b9363d 100644
--- a/docs/4.0/material-design/list-groups/index.html
+++ b/docs/4.0/material-design/list-groups/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1645,12 +1634,29 @@ the varieties specified. (<a href="https://www.google.com/design/spec/components
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/menus/index.html b/docs/4.0/material-design/menus/index.html
index 2a0ed109..f12146c3 100644
--- a/docs/4.0/material-design/menus/index.html
+++ b/docs/4.0/material-design/menus/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1483,12 +1472,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/navs/index.html b/docs/4.0/material-design/navs/index.html
index 688398a1..07da44f2 100644
--- a/docs/4.0/material-design/navs/index.html
+++ b/docs/4.0/material-design/navs/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1301,12 +1290,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/selections/index.html b/docs/4.0/material-design/selections/index.html
index edae678d..31e1ec75 100644
--- a/docs/4.0/material-design/selections/index.html
+++ b/docs/4.0/material-design/selections/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1375,12 +1364,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/material-design/snackbars/index.html b/docs/4.0/material-design/snackbars/index.html
index b6d682c7..524b23f3 100644
--- a/docs/4.0/material-design/snackbars/index.html
+++ b/docs/4.0/material-design/snackbars/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1257,12 +1246,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/migration/index.html b/docs/4.0/migration/index.html
index 51364039..f441dc8d 100644
--- a/docs/4.0/migration/index.html
+++ b/docs/4.0/migration/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1595,12 +1584,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/borders/index.html b/docs/4.0/utilities/borders/index.html
index f6d05c81..0d7659aa 100644
--- a/docs/4.0/utilities/borders/index.html
+++ b/docs/4.0/utilities/borders/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1275,12 +1264,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/clearfix/index.html b/docs/4.0/utilities/clearfix/index.html
index 43d8604e..ed94b463 100644
--- a/docs/4.0/utilities/clearfix/index.html
+++ b/docs/4.0/utilities/clearfix/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1231,12 +1220,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/close-icon/index.html b/docs/4.0/utilities/close-icon/index.html
index 949e43d9..7b892d4a 100644
--- a/docs/4.0/utilities/close-icon/index.html
+++ b/docs/4.0/utilities/close-icon/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1211,12 +1200,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/colors/index.html b/docs/4.0/utilities/colors/index.html
index 37d4d078..34c52f45 100644
--- a/docs/4.0/utilities/colors/index.html
+++ b/docs/4.0/utilities/colors/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1278,12 +1267,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/display/index.html b/docs/4.0/utilities/display/index.html
index 8faa0f75..592c2cec 100644
--- a/docs/4.0/utilities/display/index.html
+++ b/docs/4.0/utilities/display/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1313,12 +1302,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/embed/index.html b/docs/4.0/utilities/embed/index.html
index f941584d..997afe4d 100644
--- a/docs/4.0/utilities/embed/index.html
+++ b/docs/4.0/utilities/embed/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1246,12 +1235,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/flex/index.html b/docs/4.0/utilities/flex/index.html
index f2424080..beed3bca 100644
--- a/docs/4.0/utilities/flex/index.html
+++ b/docs/4.0/utilities/flex/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1935,12 +1924,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/float/index.html b/docs/4.0/utilities/float/index.html
index 82e08d8d..2c456718 100644
--- a/docs/4.0/utilities/float/index.html
+++ b/docs/4.0/utilities/float/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1269,12 +1258,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/image-replacement/index.html b/docs/4.0/utilities/image-replacement/index.html
index a6aa35d3..a19d7864 100644
--- a/docs/4.0/utilities/image-replacement/index.html
+++ b/docs/4.0/utilities/image-replacement/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1217,12 +1206,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/position/index.html b/docs/4.0/utilities/position/index.html
index 2cb9cb5b..d55a2902 100644
--- a/docs/4.0/utilities/position/index.html
+++ b/docs/4.0/utilities/position/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1234,12 +1223,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/screenreaders/index.html b/docs/4.0/utilities/screenreaders/index.html
index fd377dab..f23a5191 100644
--- a/docs/4.0/utilities/screenreaders/index.html
+++ b/docs/4.0/utilities/screenreaders/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1210,12 +1199,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/sizing/index.html b/docs/4.0/utilities/sizing/index.html
index 2bac791b..f984e743 100644
--- a/docs/4.0/utilities/sizing/index.html
+++ b/docs/4.0/utilities/sizing/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1244,12 +1233,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/spacing/index.html b/docs/4.0/utilities/spacing/index.html
index 2069871f..e012b85a 100644
--- a/docs/4.0/utilities/spacing/index.html
+++ b/docs/4.0/utilities/spacing/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1283,12 +1272,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/text/index.html b/docs/4.0/utilities/text/index.html
index 2f19c514..9d640f22 100644
--- a/docs/4.0/utilities/text/index.html
+++ b/docs/4.0/utilities/text/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1312,12 +1301,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/vertical-align/index.html b/docs/4.0/utilities/vertical-align/index.html
index 10b72dd2..b531a4fd 100644
--- a/docs/4.0/utilities/vertical-align/index.html
+++ b/docs/4.0/utilities/vertical-align/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1245,12 +1234,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/docs/4.0/utilities/visibility/index.html b/docs/4.0/utilities/visibility/index.html
index 6f985da1..4a3c4e4b 100644
--- a/docs/4.0/utilities/visibility/index.html
+++ b/docs/4.0/utilities/visibility/index.html
@@ -56,17 +56,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-docs" data-spy="scroll" data-target=".bd-sidenav-active">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -1218,12 +1207,29 @@
       </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>
 
diff --git a/index.html b/index.html
index ad0b979e..838bcee0 100644
--- a/index.html
+++ b/index.html
@@ -53,17 +53,6 @@
 <link rel="apple-touch-icon" href="/bootstrap-material-design/apple-touch-icon.png">
 <link rel="icon" href="/bootstrap-material-design/favicon.ico">
 
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-}, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-  ga('create', 'UA-80431047-1', 'auto');
-  ga('send', 'pageview');
-</script>
-
   </head>
   <body class="bd-home">
     <a id="skippy" class="sr-only sr-only-focusable" href="#content">
@@ -252,12 +241,29 @@
   </div>
 </footer>
 
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="/bootstrap-material-design/assets/js/vendor/split.min.js">
+</script>
+
+<script>
+  Split.setup({
+    creativetim: function () {document.body.classList.add('creativetim')},
+    mdbootstrap: function () {document.body.classList.add('mdbootstrap')},
+  });
+
+  (function (i, s, o, g, r, a, m) {
+    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+      (i[r].q = i[r].q || []).push(arguments)
+    }, i[r].l = 1 * new Date(); a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+  })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+  ga('create', 'UA-80431047-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="/bootstrap-material-design/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
 
 <script src="/bootstrap-material-design/assets/js/vendor/popper.min.js"></script>
-<script src="/bootstrap-material-design/assets/js/vendor/ab.min.js"></script>
-
 
   <script src="/bootstrap-material-design/dist/js/bootstrap-material-design.js"></script>