<h3>Within tabs</h3>
<div class="bs-example">
<ul class="nav nav-pills">
<li class="active"><a href="#">Regular link</a></li>
<li class="dropdown">
<a id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
<ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Something else here</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Separated link</a></li>
</ul>
</li>
<li class="dropdown">
<a id="drop5" role="button" data-toggle="dropdown" href="#">Dropdown 2 <b class="caret"></b></a>
<ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Something else here</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Separated link</a></li>
</ul>
</li>
<li class="dropdown">
<a id="drop6" role="button" data-toggle="dropdown" href="#">Dropdown 3 <b class="caret"></b></a>
<ul id="menu3" class="dropdown-menu" role="menu" aria-labelledby="drop6">
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Something else here</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://ordasoft.com">Separated link</a></li>
</ul>
</li>
</ul>  
</div>

<br>

<div id="accordion1" class="accordion">
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" href="#collapse1" data-toggle="collapse" data-parent="#accordion1">How to use</a></div>
<div id="collapse1" class="accordion-body collapse">
<div class="accordion-inner">

<pre>
&lt;div class="bs-example"&gt;
 &lt;ul class="nav nav-pills"&gt;
  &lt;li class="active"&gt;&lt;a href="#"&gt;Regular link&lt;/a&gt;&lt;/li&gt;
  &lt;li class="dropdown"&gt;
  &lt;a id="drop4" role="button" data-toggle="dropdown" href="#"&gt;Dropdown &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
    &lt;ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4"&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Action&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Another action&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation" class="divider"&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class="dropdown"&gt;
  &lt;a id="drop5" role="button" data-toggle="dropdown" href="#"&gt;Dropdown 2 &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
    &lt;ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5"&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Action&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Another action&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation" class="divider"&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li class="dropdown"&gt;
 &lt;a id="drop6" role="button" data-toggle="dropdown" href="#"&gt;Dropdown 3 &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
   &lt;ul id="menu3" class="dropdown-menu" role="menu" aria-labelledby="drop6"&gt;
     &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Action&lt;/a&gt;&lt;/li&gt;
     &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Another action&lt;/a&gt;&lt;/li&gt;
     &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
     &lt;li role="presentation" class="divider"&gt;&lt;/li&gt;
     &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://ordasoft.com"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
 &lt;/li&gt;
&lt;/ul&gt;  
&lt;/div&gt;
</pre>

</div>
</div>
</div>
</div>