Breadcrumbs bootstrap-breadcrumb.js

Breadcrumb is a simple plugin allowing to programmatically manipulate breadcrumb.

Download

Using bootstrap-breadcrumb

var breadcrumb = $('#my-breadcrumb').breadcrumb(options);
breadcrumb.push('Level');
breadcrumb.pop();

Options

Name	type	default	description
divider	string	/	String used as divider.

Methods

.push(label)

Push a new element path to this breadcrumb.

breadcrumb.push('element')

.pop(iterations)

Pop `iterations` elements from this breadcrumb.

breadcrumb.pop(1)

.reset()

Reset this breadcrumb.

breadcrumb.reset()

Events

Bootstrap's breadcrumb class exposes a few events for hooking into breadcrumb functionality.

Event	Description
change	This event is fired when the breadcrumb path is modified.

          $('#my-breadcrumb').on('change', function (el, path) {
            // do something ...
          })

Demo