Dropdown do bootstrap

Front-end
#1

to com problema com os dropdown do twitter bootstrap eles simplesmente não abre


<!DOCTYPE html>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<html>
	<head>
		<title><tiles:getAsString name="titulo" /></title>
		<link rel="stylesheet" href="<c:url value="/recursos/css/bootstrap.css"/>" />
	</head>
	<body>
		<tiles:insertAttribute name="cabecalho" />
	
		<div class="container">
			<div class="row">
				<div class="span13">
					<div class="well" style="margin-top: 150px;">
						<ul >
							<li >
								<a     >Cadastros<b ></b></a>
								<ul   >
									<li><a  >Produto</a></li>
								</ul>
							</li>
							<li >
								<a     >Listagem<b ></b></a>
								<ul    >
									
								</ul>
							</li>
							<li >
								<a     >Config. Sistema<b ></b></a>
								<ul   >
	
								</ul>
							</li>
						</ul>
						
						&lt;tiles:insertAttribute name="conteudo" /&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		
		&lt;tiles:insertAttribute name="rodape" /&gt;
		
		&lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/bootstrap.js"/&gt;&quot;&gt;&lt;/script&gt;
		&lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/jquery.js"/&gt;&quot;&gt;&lt;/script&gt;
		
	&lt;/body&gt;
&lt;/html&gt;

alguem saberia o porque não funciona e como consertar to a maior tempao com esse problema não achei solucao, valeu galera…

#2 
&lt;div class="dropdown"&gt;
  <a   >Dropdown trigger</a>
  <ul   >
    ...
  </ul>
&lt;/div&gt;

No site do bootstrap tem 2 exemplos que funcionam direitinho

:smiley:

#3

Para mim não estão funcionando, naum sei porque se eu fizer um html normal funciona mas pelo jsp não esta funcionando não sei porque ja quebrei a cabeça tentando descobrir e nada, alguem saberia porque, o que fazer par funcionar ?

#4

Verifique os cabeçalhos das paginas, coloque no seu JSP o mesmo que utilizou no HTML
Verifique também o doctype da pagina…
Já tive problemas como esse. O bootstrap é bem sensível nesses pontos

#5

Esse é o cabeçalho do html


&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Bootstrap dropdown with navbar example&lt;/title&gt;
    &lt;link href="bootstrap.css" rel="stylesheet" type="text/css"&gt;
	&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
	&lt;script type="text/javascript" src="bootstrap.js"&gt;&lt;/script&gt;
&lt;/head&gt;

e esse o cabecalho do jsp

	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;tiles:getAsString name="titulo" /&gt;&lt;/title&gt;
		&lt;link href="&lt;c:url value="/recursos/css/bootstrap.css"/&gt;&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
		&lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/bootstrap.js"/&gt;&quot;&gt;&lt;/script&gt;
		&lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/jquery.js"/&gt;&quot;&gt;&lt;/script&gt;

	&lt;/head&gt;

os arquivos são os mesmo so no jsp eu uso o spring para localiza-los no projeto, nada de mais e os arquivos são achados sem problemas

quando ao doctype, no jsp havia <!DOCTYPE html>
tentei remove-lo do jsp, depois adiciona-lo no jsp e no html mas mesmo assim não resolveu o meu problema

o que mais poderia ser tentando ?

#6 
  &lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/bootstrap.js"/&gt;&quot;&gt;&lt;/script&gt;  
    &lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/jquery.js"/&gt;&quot;&gt;&lt;/script&gt;

estão sendo importados do lugar certo ?

verifique se esses caminhos estão certos quando inicia a aplicação.

#7

sim esta certo isso foi a primeira coisa que me passou pela cabeça que poderia estar errado mas ja cansei de verificar isso e ele consegue sim achar os arquivos

#8

cara, outra coisa vi que suas ul não estão marcadas.
copia esse aqui e vê se funciona

[code]<div class=“navbar navbar-inverse”>
<div class=“navbar-inner”>
<div class=“container-fluid”>

<span class=“icon-bar”></span>
<span class=“icon-bar”></span>
<span class=“icon-bar”></span>

        &lt;div class="nav-collapse"&gt;
            <ul >
                <li >
                    <a   >INICIO</a>
                </li>
                <li  >
                    <a   >
                        Menu 1
                        <b ></b>
                    </a>
                    <ul >
                        <li><a    >Op 1</a></li>
                        <li><a    >Op 2</a></li>
                        <li ></li>
                    </ul>
                </li>
				 <li  >
                    <a   >
                        Menu 2
                        <b ></b>
                    </a>
                    <ul >
                        <li><a    >Op 1</a></li>
                        <li><a    >Op 2</a></li>
                        <li ></li>
                    </ul>
                </li>
            </ul>
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

</div>[/code]

#9

alguma ideia do que pode estar acontecendo na minha aplicação ?

#10

bom eu testei seu codigo e ele ficou nesse formato quando executei a aplicacao

*INICIO
*Menu 1
*Op1
*Op2
*Menu 2
*Op1
*Op2
*

ficou assim com o fundo em preto

#11

Cara depois de muito esforço e muito cafe tambem consegui resolve essa parada, solucao criei um custom.js no meu projeto e copiei o conteudo do bootstrap.js para esse arquivo dai a parada passou a funcionar, meio loco não acha mas o importante é que ta funcionando

valeu pela ajuda…

#12

Tive o mesmo problema. O erro está na importação do javascript do bootstrap, primeiramente vc deve carregar o jquery.

#13