今天我第一次嘗試使用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.編譯

相關問題