Kombinere bootstrap CSS med egen CSS
Jeg er ny i Bootstrap og vil gerne have at min container bliver 90% bred. Som jeg har forstået det kan jeg kun gøre dette ved at tilføje css kode til min egen css fil men det vil ikke virke. Hvad gør jeg galt?Min html kode:
<!DOCTYPE html>
<html>
<head>
<title>Tittel</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="hovedstyle.css">
</head>
<body>
<div class="container border bg-white rounded-2 minbredde">
<h1>Siden er under opbygning</h1>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>
Og min CSS kode:
body {
background-image: url("baggrund1.jpg");
}
.minbredde {
width: 90%;
}
