我正在尝试在Bootstrap中创建一个基本的Hello World页面,但.css文件中的样式未应用于页面上的内容。在chrome dev工具中,.js和.css文件已成功加载,可以在浏览器中查看,但样式不会应用于元素。
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Alex Rules</title>
<link href="bootstrap/css/bootstrap.min.css" rel="styelsheet" media="screen" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="postContent" class="row">
<div class="span6 offset3">
Hello World!
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
我有缺失的一步吗?
答案 0 :(得分:2)
在您的链接标记中显示rel="styelsheet"
,并且应该说rel="stylesheet"
。