Entrar Ainda não tem acesso?
2
respostas

Collapse no primeiro h3

Referente ao curso Bootstrap: criação de uma single-page responsiva, no capítulo Começando a implementar o site seguindo o layout e atividade Estilizando a seção Sobre Nós

por Marcos Vinicius de Araújo Andrade
| 741.9k xp | 198 posts
Full Stack Engineer

Galera, eu não sei o que acontece que eu meu primeiro h3 não está funcionando corretamente. Não expande o titulo para ver o conteúdo. Alguém vê um problema no meu código?

<div class= "panel panel-default">

                    <div class="panel-heading">
                        <h3 class="panel-title" data-toggle="collapse " data-target="#primeiro-paragrafo">desde 1935</h3>
                    </div>
                    <div id="primeiro-paragrafo" class="collapse">
                        <div class="panel-body">
                            <p >mansões ou mais</p>
                        </div>
                    </div>
                </div>

                <div class= "panel panel-default">

                    <div class="panel-heading" >
                        <h3 class="panel-title" data-toggle="collapse" data-target="#segundo-paragrafo">precos acessíveis</h3>
                    </div>
                    <div id="segundo-paragrafo" class="collapse">
                        <div class="panel-body" >
                            <p>qualquer mil conto serve</p>
                        </div>
                    </div>
                </div>
2 respostas
por Marcos Vinicius de Araújo Andrade
| 741.9k xp | 198 posts
Full Stack Engineer

Eu tenho o código dado pelo instrutor, que funciona e o meu. Eu não consigo ver a diferença. Alguém me mostra por favor? O meu é o primeiro

    <div class= "panel panel-default">

                    <div class="panel-heading">
                        <h3 class="panel-title" data-toggle="collapse " data-target="#primeiro-paragrafo">desde 1935</h3>
                    </div>

                    <div id="primeiro-paragrafo" class="collapse">
                        <div class="panel-body">
                            <p >mansões ou mais</p>
                        </div>
                    </div>
                </div>

----------------------------------------
                <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title" data-toggle="collapse" data-target="#primeiro-paragrafo">Desde 1935</h3>
                        </div>

                        <div id="primeiro-paragrafo" class="collapse">
                            <div class="panel-body">
                                <p>Desde 1935 trazendo casas, mansões e prédios lindos paea o mundo.</p> 
                            </div>
                        </div>
                    </div>
por Luiz Fernando Maehana
| 610.1k xp | 403 posts
Desenvolvedor Front-end

Fala Marcos,

O problema está em um espaço no data-toggle do h3, tem um espaço logo depois do collapse.

Está assim...


<h3 class="panel-title" data-toggle="collapse " data-target="#primeiro-paragrafo">desde 1935</h3>

Tem que ficar assim...

<h3 class="panel-title" data-toggle="collapse" data-target="#primeiro-paragrafo">desde 1935</h3>

Espero ter ajudado!

Abraços!