Smartstrap4 -Template

* Dieses Template hat ein Menü auf der Basis von 'Smartmenus Bootstrap 4'.

* Antwort auf Benutzeranfrage : Es beinhaltet sowohl die bootstrap.css als auch die bootstrap.js, weshalb Effekte im Template funktionieren sollten ( z.b. Tabs  aus https://bootsnipp.com/snippets/1eOby - von mir getestet) .  Man könnte stattdessen auch einzelne csse und jsse aus dem Typesetter-Bootstrap4- Verzeichnis benutzen und auch in das Verzeichnis 'assets' kopieren. Das mit Typesetter 5.1.1CE und RC mitgelieferte Bootstrap4-Template bindet alternativ obige Dateien über einen CMS-Befehl ein, wodurch allerdings eine Anhängigkeit von dieser Version besteht. 

* Für eine schärferen Nav-Unterrand (wie hier gezeigt) eignet sich

.navbar-dark.bg-primary {  box-shadow: 0 1px 2px rgba(0,0,0,.3); }   - statt 2px auch bis zu 10px

* Ein wechselnder Hintergrund beim Überstreichen in der oberen Leiste  kann einfach durch ein zusätzliches

 ul.nav.navbar-nav li:hover{ background-color:#66B2FF;} erreicht werden.

* Für alle li eignet sich : 

 ul li.nav-item a:hover{ background-color:#66B2FF !important;}

* Ein grüner Navbar

.navbar-dark.bg-primary {  background-color: LimeGreen !important;} - das reicht aber nicht für die Li's :

ul.nav.navbar-nav li.nav-item a:hover{ background-color: LightGreen !important;}

ul.nav.navbar-nav li.nav-item a:active{ background-color: LightGreen !important;}


* This template has a menu on the basis of smartmenus bootstrap 4.

Farben kann man einfach über css nachstylen - wie beispielsweise

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

d.h.

:root {
  --main-bg-color: coral; }

--- oder über die css  var() - Funktion wie beispielsweise :

#div1 {
  background-color: var(--main-bg-color);

}


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 

 
Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere