title: bootstrap breadcrumb example with default javascript file
body: <p>Take a look this <a href="http://jeluard.github.io/bootstrap-breadcrumb/" rel="nofollow">link</a>.</p>
  
  <p>I am trying to implement this. My problem is what are the "options" variable in script?
  Imagine this html code for my breadcrumb:</p>
  
  <pre><code>&lt;div&gt;
     &lt;ul class="breadcrumb" id="breadcrumb"&gt;
         &lt;li&gt;
            &lt;a href="#"&gt;Home&lt;/a&gt; &lt;span class="divider"&gt;/&lt;/span&gt;
         &lt;/li&gt;
      &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>After this, I have something like this for my lateral menu:</p>
  
  <pre><code>&lt;ul&gt;
     &lt;li&gt;&lt;a class="b-link" href="@Url.Content("~/Produts")"&gt;Produts&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a class="b-link" href="@Url.Content("~/Clients")"&gt;Clients&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Then, when I click in Produts, I want that breadcrumb changes dynamically using bootstrap-breadcrumb.js.</p>
  
  <p>I think that the javascript should look like the code below, but, <strong>what are the options</strong>?</p>
  
  <pre><code>$(document).ready(function () {
  
     var breadcrumb = $('#breadcrumb').breadcrumb(options);
        $('a.b-link').click(function () {
           breadcrumb.push($(this).text());
           //breadcrumb.pop();
        });
  });
  </code></pre>
  
  <p>Any ideas? Thank you very much.</p>
  
  <p>P.S. My project is in MVC 4.</p>