Olá :) Estou usando o curso para melhorar um site que estou desenvolvendo. Porém não consigo fazer com que o CSS que eu escrevi sobrescreva o Bootstrap.
O meu CSS foi declarado depois do css do Bootstrap, mas mesmo assim ele não sobrescreve. Só funcionam classes e tags que não estejam declaradas no css do bootstrap.
<html lang="pt-br">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="img/icon.png" >
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/custom.css" rel="stylesheet">Por exemplo, a header não funciona, mas a #myInput funciona.
header{
background-image: url(img/banner.jpg);
background-size: cover;
background-position: top center;
height: 100%;
}
#myInput {
background-image: url('/css/searchicon.png');
background-position: 10px 12px;
background-repeat: no-repeat;
font-size: 14px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}