Bootstrap Material

Es ist relativ einfach, ein Bootstrap-material - Layout aus dem im CMS vorhandenen Bootswatch Scss 4.11 materia zu stricken...

Dazu importiert man einfach

@import url(//cdn.muicss.com/mui-0.9.39/extra/mui-noglobals.min.css); im custom.css des Layout-Editors und stellt die Texte in einen Mui-Container

<div class="mui-container">

Es fehlt noch das Zittern der Buttons - dazu gibt es Alternativen über  ein einfaches css wie auf diesem Git, dazu eine Demo.

Es fehlt auch noch das JS, das in das Template einzubinden ist - wenn man keine Bootstrap-Dropdowns einsetzen will.

<script src="//cdn.muicss.com/mui-0.9.39/extra/mui-combined.min.js"></script>

* Hier eine Demoseite für Bootswatch 4.11 materia mit Mui.css (und Bootstrap 4) - (die Bootswatch4-Templates benötigen den Master 5.1b1 !)

* eine weitere Demoseite für Bootswatch Scss 3.3 - readable mit Mui.css (und Bootstrap 3.36)


  1.  Codepen :  Bootstrap Material
  2.  Codepen : Bootsrap 4 Material design Buttons
  3.  Codepen : Bootstrap 4 Material design Navs
  4.  Codepen : Bootstrap 4 Material side navigation
  5.  Codepen : Bootstrap 4 Material breadcrumbs
  6.  Codepen : Bootsprap 4 Material Carousel
  7.  Codepen : Bootstrap 4 Material Animations
  8.  Codepen : Bootstrap 4 Material responsive Email templates