css - Unable to connect the Bootstrap stylesheet -
i brief , concise believe there quick fix current issue. using bootstrap using blank template , cannot stylesheet connect reason? files live within same directory. patience wearing thin due unnecessary set backs. if have answers or suggestions appreciataed:). i've posted html below, thanks!
justin
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- above 3 meta tags *must* come first in head; other head content must come *after* these tags --> <title>justin henderson</title> <!-- bootstrap --> <link href="../css/bootstrap.css" rel="stylesheet"> <!-- html5 shim , respond.js ie8 support of html5 elements , media queries --> <!-- warning: respond.js doesn't work if view page via file:// --> <!--[if lt ie 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!---jumbotron---> <div class="jumbotron"> <div class="container"> <h1>justin henderson</h1> </div> </div> <!--nav--> <ul class="nav nav-pills"> <li role="presentation" class="active"><a href="#">home</a></li> <li role="presentation"><a href="#">profile</a></li> <li role="presentation"><a href="#">messages</a></li> </ul> <!-- jquery (necessary bootstrap's javascript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- include compiled plugins (below), or include individual files needed --> <script src="js/bootstrap.min.js"></script> </body> </html>
let's html file called justin.html, , lives in folder called site:
site | +-- justin.html your bootstrap css file shown ..\css\bootstrap.css, says: go 1 level, css folder, , bootstrap.css, mean you'd need following directory structure work:
<parent folder> | +-- css | | + +-- bootstrap.css | +-- site | +-- justin.html but bet css folder inside site, along js folder, example:
site | +-- css | | | +-- bootstrap.css | +-- js | | | +-- bootstrap.min.js | +-- justin.html the correct path be:
<link href="css/bootstrap.css" rel="stylesheet">
Comments
Post a Comment