html - 未找到/应用 Bootstrap 2.3.2 样式

标签 html css twitter-bootstrap

我正在尝试在 Bootstrap 中创建一个基本的 Hello World 页面,但是 .css 文件中的样式没有应用于页面上的内容。在 chrome 开发工具中,.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>

我是否遗漏了一个步骤?

最佳答案

在您的链接标记中它说 rel="stylesheet" 并且它应该说 rel="stylesheet"

关于html - 未找到/应用 Bootstrap 2.3.2 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21065176/

相关文章:

css - 元素宽度 :100% not working with container/container-fluid

javascript - CSS 单词省略号 ('...' ) 在一两行之后

javascript - Bootstrap的文档子导航怎么做?

html - 三列div问题?

jquery - 从右边滑入输入框?

jquery - 100% 后隐藏 Bootstrap 进度条

html - IE Edge 上的 Flexbox 中出现 `display: table` 问题,后跟可滚动内容

javascript - 当我向上滚动时,导航栏必须停留在顶部位置并且不要通过跟随导航栏图像隐藏

javascript - 像 Google Material 网站一样的 CSS 过渡动画

html - Respond.min.js 仅适用于 IE 11 的 IE 8 仿真模式