title: twitter bootstrap drop down and primefaces command button
body: <p>I have used twitter bootstrap in my template :</p>
  
  <p>here is template code :</p>
  
  <pre><code>&lt;h:head&gt;
      &lt;f:facet name="first"&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=Edge" /&gt;
          &lt;meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /&gt;
          &lt;title&gt;Core Project -Default Title-&lt;/title&gt;
          &lt;link rel="shortcut icon" type="image/png"
              href="#{request.contextPath}/resources/images/favicon.png" /&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
          &lt;!-- Bootstrap --&gt;
          &lt;link
              href="#{request.contextPath}/resources/bootstrap/css/bootstrap.css"
              rel="stylesheet" media="screen" /&gt;
          &lt;link
              href="#{request.contextPath}/resources/bootstrap/css/helper/submenu.css"
              rel="stylesheet" media="screen" /&gt;
  
          &lt;link type="text/css" rel="stylesheet"
              href="#{request.contextPath}/resources/font-awesome-4.0.3/css/font-awesome.min.css" /&gt;
  
          &lt;link type="text/css" rel="stylesheet"
              href="#{request.contextPath}/resources/css/default.css" /&gt;
      &lt;/f:facet&gt;
  &lt;/h:head&gt;
  
  &lt;h:body&gt;
  
  
  
      &lt;!-- Fixed navbar --&gt;
      &lt;div class="navbar navbar-inverse navbar-fixed-top" role="navigation"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse"
                      data-target=".navbar-collapse"&gt;
                      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt; &lt;span
                          class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span
                          class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;a class="navbar-brand" href="#"&gt;Core Project&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="navbar-collapse collapse"&gt;
                  &lt;h:form id="navForm"&gt;
                      &lt;ul class="nav navbar-nav"&gt;
                          &lt;li class="active"&gt;&lt;a href="#{request.contextPath}/home"&gt;&lt;h:outputText
                                      value="#{msgs['core.home']}" /&gt; &lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#about"&gt;&lt;h:outputText
                                      value="#{msgs['core.about']}" /&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="dropdown"&gt;&lt;a href="#" class="dropdown-toggle"
                              data-toggle="dropdown"&gt;&lt;h:outputText
                                      value="#{msgs['core.selectLanguage']}" /&gt; &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                              &lt;ul class="dropdown-menu"&gt;
                                  &lt;li&gt;&lt;h:commandLink id="englishLink"
                                          value="#{msgs['core.language.english']}"
                                          immediate="true" action="#{localeManager.applyNewLocale}"&gt;
                                          &lt;f:param name="lang" value="en" /&gt;
                                      &lt;/h:commandLink&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;h:commandLink value="#{msgs['core.language.farsi']}" 
                                          immediate="true" id="farsiLink"
                                          action="#{localeManager.applyNewLocale}"&gt;
                                          &lt;f:param name="lang" value="fa" /&gt;
                                      &lt;/h:commandLink&gt;&lt;/li&gt;
  
                              &lt;/ul&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  &lt;/h:form&gt;
  </code></pre>
  
  <p>all drop downs works fine in pages but when i have something like :</p>
  
  <pre><code>&lt;ui:define name="content"&gt;
      &lt;div class="entry" style="line-height: 200%"&gt;
          &lt;h1&gt;Home Page&lt;/h1&gt;
      &lt;/div&gt;
  
      &lt;h:form id="testForm"&gt;
          &lt;p:commandButton action="home2" value="test" id="homeBTM" /&gt;
      &lt;/h:form&gt;
  </code></pre>
  
  <p>all drop downs from nav bar stop working .
  i appreciate if someone could help me to find out what is the problem.
  thnx</p>