Test der Navigation BootM 01

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.

Dieses Demo verwendet nur eine Dummy-Navigation. In einem erweiterten Demo wird eine echte, mit nPage Script erzeugte Navigation 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