Twitter bootstrap 3 Bootstrap 3网格系统-未显示为网格-我遗漏了什么文件？

我的标题中有以下内容

<!-- Mobile viewport optimized -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Bootstrap CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="includes/css/bootstrap-glyphicons.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="includes/css/styles.css" rel="stylesheet">
<!-- Include Modernizr in the head, before any other Javascript -->
<script src="includes/js/modernizr-2.6.2.min.js"></script>

…以下内容在我的页面上

<div class="container">    
<div class="row">
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
</div>
</div>

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1

…但是网格布局没有出现。相反，它只是一列垂直堆叠的文本，如下所示：

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

我是不是在头部遗漏了什么？我原以为会看到12列。 谢谢你的帮助，谢谢。

---

NJ

页面中缺少jQuery和引导Javascript

请尝试将
.col-md-1
更改为
.col-xs-1
这些引用应该是什么？检查示例，它在页面中没有引用jQuery或引导JavaScript？谢谢你的帮助，谢谢你，哈立德，你说得对。我不知道在没有Javascript的情况下可以使用Bootstrap的网格系统：）检查我的其他答案您的代码是否正常。我强烈建议您错过了一些css或包含了旧版本的bootastrap。请将相关代码包括在标题中，就像我有一个旧版本的bootstrap.min.css一样，尽管我在学习bootstrap 3教程（www.youtube.com/watch？v=MNp5I_vO8IU）。网格系统现在正在工作，但是新的bootstrap.min.css完全破坏了我的导航栏。我将在下面提供详细信息。谢谢。这只会改变宽度在768和992像素之间的设备的行为。如果css加载正确，他的代码就能正常工作