0

我一直在关注这里的教程 -> https://www.andrewmunsell.com/tutorials/jekyll-by-example/tutorial来构建我的第一个学习 Jekyll 和 Bootstrap 的网站。我是 CSS 新手，也是 HTML 的初学者。

我正处于以粗体主题行“液体模板系统”开头的步骤。

问题是我的网站没有反映 CSS。

在教程代码中，他引用了 ，但是在 www.getbootstrap.com 的 Bootstrap-3.2.0-dist 中，不再有 bootstrap-responsive.css。只有以下几点：

  • 引导主题.css
  • 引导-theme.min.css
  • bootstrap.min.css
  • 引导程序.css

我的代码如下；我已经循环引用了列出的所有四个 css 文件，当我 jekyll 构建然后 jekyll 服务时它们没有反映出来。目前我在这个开发过程中只是本地托管，一旦完成我将推送到我的站点。我的 _site 目录中有 css 目录，这也是我的 index.html 文件所在的位置。

任何人都有 Jekyll 没有反映 Bootstrap 中的 CSS 更改的经验吗？

根据 StackOverflow 上的其他搜索，我尝试清除缓存、重建和服务，但没有任何乐趣。建议在这里表示赞赏。谢谢你。

<!DOCTYPE html>     
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ site.name }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ site.description }}">
<link href="/css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 60px;
}
</style>
<link href="/css/bootstrap.css" rel="stylesheet">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<div class="navbar-inner">
<div class="container">
  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </a>
  <a class="brand" href="#">{{ site.name }}</a>
  <div class="nav-collapse collapse">
    <ul class="nav">
      <li class="active"><a href="/">Home</a></li>
    </ul>
   </div>
  </div>
 </div>
</div>

<div class="container">

 {{ content }}

</div>
4

1 回答 1

0

OP 指的是 Bootstrap 2。最新版本3没有用于响应式元素的单独文件，因为它假定从 off 开始就具有响应性。如果您只想按照教程进行操作，则可以在此处下载 Bootstrap 2。

更远：

我的 _site 目录中有 css 目录，这也是我的 index.html 文件所在的位置。

您的_site目录是您的 ServerRootlocalhost吗？如果不是，请从属性中删除初始正斜杠link，因为它当前指向您的 ServerRoot。

于 2014-06-29T18:58:42.040 回答