Bootstrap 示例 Stacked-to-horizontal 不起作用答案

【问题标题】：Bootstrap Example Stacked-to-horizontal not workingBootstrap 示例 Stacked-to-horizontal 不起作用
【发布时间】：2014-08-16 10:38:00
【问题描述】：

我已阅读另一篇文章并确保我的 index.html 与我的 css、fonts 和 js 文件夹位于同一文件夹中，但它仍然无法正确呈现。

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="css/bootstrap.min.css" rel="stylesheet">
 </head>
 <body>
  <div class="container-fluid">
   <div class="row">
    <div class="col-md-8">.col-md-8</div>
    <div class="col-md-4">.col-md-4</div>
   </div>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
 </body>
</html>

【问题讨论】：

请详细解释您的问题，究竟是什么不工作？你确定 Bootstrap 的文件被正确加载了吗？您可以打开浏览器的控制台，包含文件时出现的任何错误都会在此处列出
我看到的只是 .col-md-8 和 .col-md-4，它不会生成出现在示例或 jfiddle 中的调整大小栏
生成灰色调整大小条*

标签： html css twitter-bootstrap

【解决方案1】：

清除浏览器缓存。当您走在正确的道路上时，大部分时间都在 Getbootstrap.com 上开始阅读。

【讨论】：

我已阅读入门部分，但清除缓存没有帮助
该栏是 css 驱动的，这意味着您缺少课程。您指的是什么jsfiddle示例？请提供更多细节，因为我们显然无法读懂您的想法！哈哈！ Jk。

【解决方案2】：

所以 Bootstrap 不会在他们的页面上告诉你，但每个单元格的阴影不是默认功能。如果您使用 chrome 检查元素，您将看到一个额外的 css 规则。所以这就是你的做法：

1) 将索引 html 中的类从“row”更改为“row show-grid”。

2) 在您的 css 样式表中创建以下规则：

.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #eee;
  border: 1px solid #ddd;
  background-color: rgba(86,61,124,.15);
  border: 1px solid rgba(86,61,124,.2);
}

3) 运行您的代码

【讨论】：

【解决方案3】：

使用 Bootstrap CDN Get Bootstrap 正确安装 bootstrap

【讨论】：