Referente ao curso Bootstrap, na aula 2 (Estilizando a seção Sobre Nós), seguindo o layout e atividade, o meu h3 não está ficando em negrito. Pode me ajudar a ver o erro, se eu remover a class="panel-title" do h3 fica em negrito.
<!DOCTYPE html> <!-- Identifica a versão do html -->
<html>
<head> <!-- Define o cabeçalho de uma página -->
<title>Aula BootStrap</title> <!-- Define o título do documento -->
<meta charset="UTF-8"> <!-- Caracter universal -->
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"> <!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- calcula tamanho da tela -->
</head>
<body> <!-- Inicio Copo Site-->
<dir class="container"> <!-- os respiros / padding ao lado do conteúdo -->
<h2>Sobre Nós</h2>
</div>
<img src="img/img/empresa.jpg" class="img-responsive">
<div class="panel-group" id="paineis-sobre"> <!-- Cria um grupo de paineis / o id serve para indentificar a class de painel aberto e relizar o fechamento usando o data-parent -->
<div class="panel panel-default"> <!-- esta class informa a cor do painel -->
<div class="panel-heading"><!-- Titulo do painel -->
<h3 class="panel-title" data-toggle="collapse" data-target="#primeiro-paragrafo" data-parent="#paineis-sobre">Desde 1935</h3> <!-- data-toggle que serve para passar a ação de "collapse" ou de "descollapse" e o data-target que serve para indicar qual é o alvo desse comportamento -->
</div>
<div id="primeiro-paragrafo" class="collapse"> <!-- collapse Serve para esconder -->
<div class="panel-body">
<p>A TopCasaFina Arquitetura esta no mercado desde...</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title" data-toggle="collapse" data-target="#segundo-paragrafo" data-parent="#paineis-sobre">Preços acessíveis</h3>
</div>
<div id="segundo-paragrafo" class="collapse">
<div class="panel-body">
<p>Preços a partir de r$ 1000,00.</p>
</div>
</div>
</div>
<div class="panel panel-default"> <!-- esta class informa a cor do painel -->
<div class="panel-heading"><!-- Titulo do painel -->
<h3 class="panel-title" data-toggle="collapse" data-target="#terceiro-paragrafo" data-parent="#paineis-sobre">Alegia para colaborador com um mundo mais bonito</h3>
</div>
<div id="terceiro-paragrafo" class="collapse">
<div class="panel-body">
<p>Desde 1935 trazendo casas, mansões e prédios lindos para o mundo.</p>
</div>
</div>
</div>
</div>
</dir>
<script src="bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
</body> <!-- Fim Corpo Site -->
</html>
