My html won't link to bootstrap. HELP!

1

In my folder I have my main index.html then a css folder with all bootstrap files including my custom style.css

<!DOCTYPE html>
<html>
<head>
	<title>Shehar Karachi</title>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="container_fluid main_bg"> 
	<h2 class="red-text"> test </h2> 

	</div>
</body>
</html>

.main_bg{
	width: 100%
	height: 800px;
	background: url('../images/main_bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	background-color: #00000;
}

Why won’t it work :’(

3

I cleaned up your code.
You need to use triple backticks to post code to the forum.
See this post for details.

4

It looks like it would work. Double check your spelling (make sure its bootstrap.min.css not bootstrap.min.css.css) and folder structure. Check the browser console for any errors, it will let you know if file is not found.

5

Thanks for the code bit!!

But I still can’t get it to work. it recognises styles from my style.css which is in the same folder as bootstrap files, i’ve also tried linking it to the bootstrap site using th code from the bootstrap challenges. so how come it can’t read the bootstrap files. its a little frustrating. It’s my first time designing and coding for websites i need this landing page to go up before today…sigh