Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
8
respostas

Porque meus títulos não ficam em negrito?

Referente ao curso Bootstrap: criação de uma single-page responsiva, no capítulo Mostrando os projetos da Empresa e atividade Separando em seções e componente jumbotron

por Stella
| 6.7k xp | 4 posts
Analista de Qualidade 
<!doctype html>
<html>
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="estilos.css">
</head>
<body>

    <section class="container">
        <h2>Sobre Nós</h2>
        <img class="img-responsive" src="img/empresa.jpg" alt="">

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

                <div class="collapse" id="primeiro-paragrafo">
                    <div class="panel-body">
                        Desde 1935 trazendo casas, mansões e prédios lindos para o mundo
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading" data-toggle="collapse" data-target="#segundo-paragrafo" data-parent="#paineis-sobre">
                    <h3 class="panel-title">Preços acessíveis</h3>
                </div>

                <div id="segundo-paragrafo" class="collapse">
                    <div class="panel-body">
                        Alegria para colaborar com um mundo mais bonito
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading" data-toggle="collapse" data-target="#terceiro-paragrafo" data-parent="#paineis-sobre">
                    <h3 class="panel-title">Alegria em colaborar para um mundo mais bonito</h3>
                </div>

                <div id="terceiro-paragrafo" class="collapse">
                    <div class="panel-body">
                        Trazendo alegria para a vida das pessoas que tem dinheiro para gastar.
                    </div>
                </div>
            </div>
        </div>

    </section>

    <div class="jumbotron">
         <div class="container">
             <h3>Mais de 300 prêmios em design e em conforto </h3>
             <p>Mais de 5 milhões de clientes satisfeitos em todo o mundo.</p>
         </div>
    </div>

    <section class="container">
        <h2>Nossos Projetos</h2>

        <figure class="thumbnail">
            <img src="img/projetos/casa-castelo.png" alt="Foto da Casa Castelo">
            <figcaption class="caption">
             <h3>Casa Castelo</h3>
             <p>A Casa Castelo é o último lançamento da TopCasaFina Arquitetura, feita para um monge.</p>
             </figcaption>
        </figure>

        <figure class="thumbnail">
            <img src="img/projetos/casa-lago.png" alt="Foto da Casa do Lago">
            <figcaption class="caption">
             <h3>Casa do Lago</h3>
             <p>A Casa do Lago é o último lançamento da TopCasaFina Arquitetura, feita para quem gosta de passeios de barco.</p>
             </figcaption>
        </figure>

        <figure class="thumbnail">
            <img src="img/projetos/mercado-marapira.png" alt="Foto do Mercado de Marapira">
            <figcaption class="caption">
             <h3>Mercado de Marapira</h3>
             <p>O Mercado de Marapira é o último lançamento da TopCasaFina Arquitetura, feito para quem gosta de passeios em família e alimentos frescos.</p>
             </figcaption>
        </figure>

        <figure class="thumbnail">
            <img src="img/projetos/palacio-dionisio.png" alt="Foto do Palacio Dionisio">
            <figcaption class="caption">
             <h3>Palacio Dionisio</h3>
             <p>Palácio ou Paço é um edifício sumptuoso às vezes destinado à habitação de um chefe de Estado ou chefe de governo, assim como paço ou solar de alguns nobres, bispos e patriarcas. Também podem ser utilizados como parlamento. Existem também alguns palácios que perderam seu uso original e podem servir como museus, centros culturais, hotéis e outros.</p>
             </figcaption>
        </figure>
    </section>

    <script src="jquery.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
8 respostas
por André Victor Ruiz Pedroso
| 2101.7k xp | 3838 posts
Moderador Analista Pleno

Oi Stella tudo bem?

Poderia colocar, por gentileza, a pasta do seu projeto no github, assim podemos analisar o que está acontecendo.

por Mônica Regina Gomes
| 215.2k xp | 7 posts

Olá Stella,

Você poderia colocar o seu código estilos.css aqui? Do meu ponto de vista se você adicionar a propriedade css font-wieght: bold; para seus títulos já deveria funcionar. Outra opção é criar uma classe com a mesma propriedade e coloca-la nas tags dos títulos.

Espero ter ajudado!

por Stella
| 6.7k xp | 4 posts
Analista de Qualidade

Estou participando do curso "Bootstrap: criação de uma single-page responsiva" e fiz tudo igualzinho ao professor. O dele aparece em negrito o meu não.

O CSS só tem isso..

#paineis-sobre {
    margin-top:20px;
}

.titulo-depoimentos {
    background-color: #0275D8;
    padding-top: 25px;
    padding-bottom: 25px;
    color:#FFF;
    margin-bottom: 0;
    font-size: 24px;
por André Victor Ruiz Pedroso
| 2101.7k xp | 3838 posts
Moderador Analista Pleno

Fiz um tutorial de como subir o projeto pro github. Pelo código que passou não consegui identificar o erro, tenho que ver a estrutura de pastas mesmo.

Primeiro de tudo crie uma conta no Github e logue nela. E vá seguindos os passos em azul. Alguma dúvida é só me perguntar. Clique no botão verde New ou arraste os arquivos se não estiver pegando bem a estrutura de pastas

por Stella
| 6.7k xp | 4 posts
Analista de Qualidade

Bom dia, subi o código pro Github: https://github.com/stellacompufla/cursoBootstrap

solução!
por Mônica Regina Gomes
| 215.2k xp | 7 posts

Olá Stella,

Eu encontrei um erro de digitação no seu estilos.css (está escrito font-wieght e o correto é font-weight, também falta um ponto-e-vírgula). Além disso, por padrão o bootstrap que você importa utiliza font-weight: 500; para os títulos (h1, h2... até h6). Se deseja alterar isso você pode sobrescrever as regras do bootstrap no seu arquivo estilos.css alterando h1, h2... etc. Por exemplo:

#paineis-sobre {
    margin-top:20px;
}

.titulo-depoimentos {
    background-color: #0275D8;
    padding-top: 25px;
    padding-bottom: 25px;
    color:#FFF;
    margin-bottom: 0;
    font-size: 24px;
}

h1, h2, h3 { 
    font-weight: bold;
}

Espero ter ajudado!

por Stella
| 6.7k xp | 4 posts
Analista de Qualidade

Obrigada pessoal :)

por André Victor Ruiz Pedroso
| 2101.7k xp | 3838 posts
Moderador Analista Pleno

Disponha e bons estudos!!!