logo

Bootstrap 4 alpha

Mega Menue Sidebar

Bootstrap 4, alpha 6 CSS3-HTML5 Playground


Herlich Willkommen auf meinem Bootstrap 4 alpha 6 - CSS3-HTML5 Playground.

Meine Seite ist ein "work in progress" zum Aufzeigen der neuen Möglichkeiten mittels Bootstrap, CSS3 und HTML 5 dynamische, responsive Webseites zu gestalten.

Im Bereich CSS3 sind verschiedene Möglichkeiten, mit Beispielen dokumentiert aufgelistet via CSS3 Content zu formatieren.

Im Bereich HTML5 verweise ich auf den Aufbau einer HTML5 Seite, neue / obsolete Elemente mit Beispielen, mündend in ein Tutorial zum Aufbau einer HTML5 Seite "from the scratch" (non-responsive)

Speziell Bootstrap betreffend habe, wird die Version alpha 6 verwendet und ich habe diesbezüglich neue Features / Änderungen dieser Version eingebaut.

Verwendete Feaures

 

  • new container-fluid mit 5-tiers grid system und Hidden-Divs bei Smartphones
  • new Multilevel Sidebar-Navigation (show/hide)
  • new Das neue Card-Feature
  • new Das neue Tag-Feature
  • new Responsive Tables inverse
  • new Responsive-Images (img-fluid)
  • new Das neue Progress Bar-Feature
  • new Das neue Responsive Embeded-Feature
  • new Tooltips/Popover/Alerts
  • new Navs, Navbars
  • new List-Groups
  • new Collabs / Accordion
  • new Forms
  • new Modal's
  • new Typography

 

To Do's

 

  • draft Codebereinigung
    10%
  • draft Codedokumentation
    20%
  • draft Ausbau Less, Sass, SCSS - Bereich
    10%
  • draft Bootstrap 4 Tutorial (Website from the scratch)
    80%
  • draft Mehr HTML5 Beispiele
    60%
  • draft Mehr CSS3 Beispiele
    70%

Mit Erreichen der Bootstrap Version Stable 4, werden die Seiten auf Sass, SCSS umgestellt.

Tags

HTML5 META XHTML Doctype W3C WhatWG