title: <h:input> Tag Library supports namespace: http://java.sun.com/jsf/html, but no tag was defined for name: input
body: <p>I am trying to implement jsf + primefaces + twitter bootstrap:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
  &gt;
  &lt;h:head&gt;
      &lt;title&gt;IMPORT JSF SET ATTRIBUTES&lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;meta name="description" content="" /&gt;
      &lt;meta name="author" content="" /&gt;
  
      &lt;!-- Le styles --&gt;
      &lt;h:outputStylesheet name="css/bootstrap.css" /&gt;
      &lt;h:outputStylesheet name="css/bootstrap.min.css" /&gt;
      &lt;h:outputStylesheet name="css/override.css" /&gt;
  
      &lt;!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --&gt;
      &lt;!--[if lt IE 9]&gt;
  &lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  
      &lt;!-- Le fav and touch icons
  &lt;link rel="shortcut icon" href="../assets/ico/favicon.ico"&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png"&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png"&gt;
  &lt;link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"&gt;
  --&gt;
  &lt;/h:head&gt;
  &lt;h:body&gt;
      &lt;div class="navbar navbar-inverse navbar-static-top"&gt;
          &lt;div class="navbar-inner navbar-large"&gt;
              &lt;div class="container"&gt;
                  &lt;a class="brand" href="#"&gt;Name&lt;/a&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li&gt;&lt;a href="#buy"&gt;Link&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#about"&gt;Link&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;form class="navbar-form pull-left"&gt;
                      &lt;div class="input-append offset1"&gt;
                          &lt;h:input class="span5" placeholder="put search terms here"
                              type="text" /&gt;
                          &lt;button class="btn" type="submit"&gt;
                              &lt;i class="icon-search"&gt;&lt;/i&gt;
                          &lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
                  &lt;ul class="nav pull-right"&gt;
                      &lt;li class="dropdown"&gt;&lt;a class="dropdown-toggle"
                          data-toggle="dropdown" href="#"&gt; How to &lt;b class="caret"&gt;&lt;/b&gt;
                      &lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li class="nav-header"&gt;Link&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li class="nav-header"&gt;Link&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#login"&gt;Login&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#register"&gt;Signup&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="container"&gt;[Template content will be inserted here]&lt;/div&gt;
  
      &lt;footer&gt;
      &lt;ul class="inline text-center"&gt;
          &lt;li&gt;© 2013&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/footer&gt;
      &lt;!--/.fluid-container--&gt;
  
      &lt;!-- Le javascript
  ================================================== --&gt;
      &lt;!-- Placed at the end of the document so the pages load faster --&gt;
      &lt;h:outputScript name="js/jquery-1.7.2.min.js" /&gt;
      &lt;h:outputScript name="js/bootstrap.min.js" /&gt;
      &lt;h:outputScript name="js/jquery.dataTables.min.js" /&gt;
      &lt;h:outputScript name="js/bootstrap.js" /&gt;
  
  &lt;/h:body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>However, I get:</p>
  
  <pre><code>&lt;h:input&gt; Tag Library supports namespace: http://java.sun.com/jsf/html, but no tag was defined for name: input
  </code></pre>
  
  <p>I really appreciate your answer!</p>