[login to view URL]
Modify this 'concept' above, using any/all of this script is not required, so that the breadcrumbs are actually useful on desktop/mobile devices. jQuery and css3 solutions welcome -
1. Breadcrumb text nodes are open to maximize length by default, the width of viewport / browser window, mobile devices included
2. The breadcrumb nodes collapse from the root upward when horizontal space restrictions are limiting, (no wrapping onto second line)
3. A media breakpoint of <500px forces the breadcrumbs into a drop down menu design.
- If you can provide the menu in a Bootstrap-friendly way all the better. This is an inspiring project, Jump in!