Bootstrap入门打破了index.html

时间:2013-08-03 13:34:45

标签: javascript html css twitter-bootstrap

我是css的新手,并且对客户端javascript有不好的经验...目前正在寻找twitter-bootstrap,希望框架能帮助我理解复杂的响应式CSS并帮助我快速完成并快速运行做法。

但是,即使是最新的bootstrap v.3.0.0(截至目前提交ID:4bac2c567a139958cb2ff35f7ad30c7dcd8527a3)也无法正常工作。运行index.html,我期待看到至少格式良好的html文档,但它是一个混乱的HTML文档

index.html

我很确定我的设置有问题,我希望看到一些格式良好的html文档,如http://getbootstrap.com/中显示的那样,但是一无所知...任何人都可以解释index.html代码的含义吗?特别是因为我不确定需要包含哪些javascript框架才能工作(之前我在Emberjs.com中看到了类似的奇怪语法,但不确定,因为index.html也看起来只是内容

提前致谢!

<div class="bs-masthead">
  <div class="container">
    <h1>Bootstrap 3</h1>
    <p class="lead">Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
    <p>
      <a href="{{ site.download_dist }}" class="btn btn-outline btn-large" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0 RC1']);">Download Bootstrap</a>
    </p>
  </div>
</div>

3 个答案:

答案 0 :(得分:2)

https://github.com/twbs/bootstrap根目录下的index.html文件只包含getbootstrap.com的“页面内容”部分

如果您需要getbootstrap.com的全部内容,可以从以下网址获取:https://github.com/twbs/bootstrap-examples

答案 1 :(得分:1)

你需要Jekyll来运行本地版本的bootstrap文档。

但是一个很棒的家伙通过复制整个文档并在此处下载它来帮助解决: http://web3canvas.com/item/bootstrap-3-docs/

或者您可以下载Bootstrap v2.3.2文档。这在没有Jekyll的情况下在本地工作

答案 2 :(得分:0)

在本地计算机上安装Jekyll。它是一个静态站点生成器,用于生成Twitter Bootstrap站点。
http://jekyllrb.com/