BootM responsive 01 mit nPage Script

Diese Navigation ist analog zur Demo BootM responsive aufgebaut, allerdings wird hier nPage Script verwendet, um eine realistische Navigation zu erstellen.

Quelle

http://egrappler.com/pure-css-based-multi-level-responsive-navigation-menu-bootm/

Kurzbeschreibung

Es handelt sich um ein reines CSS-Menü. Obwohl hier bei nPage ohnehin immer automatisch jQuery eingebunden wird, soll diese Naviagtionsvariante zeigen, dass es auch möglich ist, ein reines CSS-Menü responsiv zu gestalten.

Verwendet wird Bootstrap und eine eigene CSS-Datei. In einer erweiterten Variante wird außerdem font-awesome.css verwendet.

Tests

Desktop-Browser

Mit den aktuellen Versionen der Desktop-Browser

gibt es keine Probleme im Hinblick auf die Darstellung und Funktion der Navigation.

Genymotion

Samsung Galaxy S2 - 4.1.1 - API 16 - 480x800 240dpi

Standardbrowser

Es gibt keine Probleme im Hinblick auf die Darstellung und Funktion der Navigation. Allerdings klappt die Navigation erst bei Klick auf und nicht schon bei hover. Allerdings gibt es manchmal eigenartige Effekte.

Firefox

Es gibt keine Probleme im Hinblick auf die Darstellung und Funktion der Navigation. Allerdings klappt die Navigation erst bei Klick auf und nicht schon bei hover. Allerdings gibt es manchmal eigenartige Effekte.

Samsung Galaxy S3 GT-I9300

Google Chrome

Es gibt keine Probleme im Hinblick auf die Darstellung und Funktion der Navigation. Allerdings klappt die Navigation erst bei Klick auf und nicht schon bei hover.

Standardbrowser

Es gibt keine Probleme im Hinblick auf die Darstellung und Funktion der Navigation. Allerdings klappt die Navigation erst bei Klick auf und nicht schon bei hover.

Firefox

Es gibt keine Probleme im Hinblick auf die Darstellung und Funktion der Navigation. Allerdings klappt die Navigation erst bei Klick auf und nicht schon bei hover.

Zusammenfassung der Merkmale

Drop Down, Vertikal, Flyout, Horizontal, Tabbed, Responsive, jQuery, Accordion, nur CSS, CSS3, CSSMenumaker, CSSDeck