5
respostas

Tag NAV não funciona

A tag nav não funciona no meu codigo, segue abaixo o cod:

<h:head> <h:outputStylesheet library="css" name="bootstrap.min.css"/> <h:outputStylesheet library="css" name="style-admin.css"/>

<h:body>

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Casa do Código</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><h:link value="Lista" outcome="lista" /></li>
                <li class="active"><a href="#">Cadastro</a></li>
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>
5 respostas

O projeto esta sendo feito no intellij. segue abaixo todo o codigo da pagina

<h:head> <h:outputStylesheet library="css" name="bootstrap.min.css"/> <h:outputStylesheet library="css" name="style-admin.css"/>

<h:body>

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Casa do Código</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><h:link value="Lista" outcome="lista" /></li>
                <li class="active"><a href="#">Cadastro</a></li>
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>

<div class="container">
    <h1>Cadastro de Livros</h1>
  <h:form enctype="multipart/form-data"> <!-- enctype="multpart/form-data" -> para trabalhar com envios de arquivos -->
      <div class="form-group">
          <h:outputLabel value="Título" />
          <h:inputText id="titulo" value="#{administradorLivrosBean.livro.titulo}" required="true"
             styleClass="form-control"/>
          <h:message for="titulo"/>
      </div>
      <div class="form-group">
          <h:outputLabel value="Descrição" />
          <h:inputTextarea id="descricao" rows="4" cols="20" value="#{administradorLivrosBean.livro.descricao}" required="true"
                           styleClass="form-control"/>
          <h:message for="descricao"/>
      </div>
      <div class="form-group">
          <h:outputLabel value="Número de Páginas" />
          <h:inputText id="numeroPaginas" value="#{administradorLivrosBean.livro.numeroPaginas}" required="true" styleClass="form-control"> <!-- requiredMessage="O número de páginas e Obrigatorio" -->
          <!-- <f:validateLongRange minimum="80"/> -->
          </h:inputText>
          <h:message for="numeroPaginas"/>
      </div>
      <div class="form-group">
          <h:outputLabel value="Preço" />
          <h:inputText id="preco" value="#{administradorLivrosBean.livro.preco}" required="true" styleClass="form-control">
             <!-- <f:validateDoubleRange minimum="20" maximum="150"/> -->
          </h:inputText>
          <h:message for="preco"/>
      </div>
      <div class="form-group">
          <h:outputLabel value="Autores" />
          <h:selectManyListbox value="#{administradorLivrosBean.livro.autores}"
                               converter="autorConverter"  id="autores" styleClass="form-control"> <!-- Lista de autores abaixo onde pode ser selecionado varios -->
              <f:selectItems value="#{administradorLivrosBean.autores}"
                             var="autor"
                             itemValue="#{autor}" itemLabel="#{autor.nome}" />
          </h:selectManyListbox>
          <h:message for="autores"/>
      </div>
      <div class="form-group">
          <h:outputLabel value="Data de publicação" />
          <!-- <h:inputText value="#{administradorLivrosBean.livro.dataPublicacao.time}" id="dataPublicacao"/> como a data e do tipo Date e necessario colocar o .time -->
          <!--  <f:convertDateTime pattern="dd/MM/yyyy"  timeZone="America/Sao_Paulo"/>  Conversão de data -->
          <h:inputText value="#{administradorLivrosBean.livro.dataPublicacao}" id="dataPublicacao" styleClass="form-control"/>
          <h:message for="dataPublicacao"/>
      </div>
      <div class="form-group">
          <h:outputLabel value="Capa do livro"/>
          <h:inputFile value="#{administradorLivrosBean.capaLivro}" id="capaLivro" styleClass="form-control"/>
          <h:message for="capaLivro" />
      </div>
      <h:commandButton value="Cadastrar" action="#{administradorLivrosBean.salvar}" styleClass="btn btn-primary"/>
  </h:form>
</div>

Estou com mesmo problema...

Alguem que possa ajudar?

Não tem um instrutor para ajudar?

Tive o mesmo problema, e no meu caso foi a versão do bootstrap. O curso foi feito com uma versão bem mais antiga, as mais novas não funcionam com esse código. Baixa as versões 3. No caso peguei a 3.4.1 https://getbootstrap.com/docs/3.4/getting-started/#download

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software