今天我第一次尝试使用Twitter引导程序，但失败了。我试图按照here的说明操作。有没有简单的方法开始使用Twitter Bootstrap？

首先，我使用git clone git://github.com/twitter/bootstrap.git来下载bootstrap。结果我得到了名为bootstrap的目录以及所有的子目录和文件。然后我创建了一个测试html文件，我从here复制粘贴的html代码。然后我在浏览器中打开这个html文件。它看起来不像它应该看起来。

然后我意识到，html代码尝试从twitter-bootstrap-v2尝试读取引导而不是从bootstrap。好的，我已将bootstrap目录重命名。之后，HTML文件看起来更好，但不像它应该看起来那样。

然后我意识到，html代码试图“读取”example-fixed-layout.css文件不存在。好的，我通过从包含html代码的同一页面复制粘贴CSS代码来创建此文件。之后，我的html代码看起来更好，但仍然不像它应该看的那样。

然后我意识到example-fixed-layout.css中的css代码有链接到/twitter-bootstrap/images/gridbg.gif，并且在下载的目录中我没有这个图像。在这一点上，我放弃了。

有没有简单的方法来开始使用Twiter bootstrap？

此外，我很困惑的事实，我需要“编译CSS和JavaScript”（因为它被写入here）。 JavaScript可以如何编译？有没有可执行的CSS这样的事情？

来源

2013-05-09 Roman

无需编译...

上手非常简单的方法是引用从BootstrapCDN的引导CSS和JS就在你的HTML。

完整的CSS

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">

完整的JavaScript

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

还检查了Bootply这是一个HTML/JS/CSS编辑器只是为了引导。这是查看不同的Bootstrap样式，元素和组件如何工作的任何简单方法。

来源

2013-05-09 10:44:36 ZimSystem

只需下载已编译版本（http://twitter.github.io/bootstrap/assets/bootstrap.zip）的zip文件，并将CSS/JS包含在页面模板中。

只有在使用源版本时才需要编译。

参见http://twitter.github.io/bootstrap/getting-started.html

来源

2013-05-09 10:16:42

0下载适当的包

Click Here.

（source）

1.添加到页面

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Bootstrap 101 Template</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <!-- Bootstrap CSS --> 
    <link href="/bootsrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    </head> 
    <body> 
    <h1>Hello, world!</h1> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <!-- Bootstrap JS --> 
    <script src="/bootsrap/js/bootstrap.min.js"></script> 
    </body> 
</html>

（source）

2.编译

...不是必需的，它已经编译在软件包中。提到compling是因为Bootstrap最初是用SASS编写的，需要将它编译为一个普通的CSS文件，但是@ @ bootstrap已经为你做了。

来源

2013-05-09 10:18:58 SeinopSys

有没有简单的方法开始使用Twitter Bootstrap？

回答

0下载适当的包

1.添加到页面

2.编译

相关问题