2012-04-18 53 views
2

好的。我有點困惑。我下載了bootstrap v2並注意到.css文件不包含「topbar」或「fill」類。但我看到幾個使用這些類的例子。twitter bootstrap:包含哪些文件

此外,什麼是所需的文件,以包括框架的工作?我只需要一個bootstrap.css文件嗎?

bootstrap.js文件怎麼樣?我是否也需要包括這一點?

<div class="navbar"> 
    <div class="fill"> 

     <div class="container"> 
      <div > <a class="brand pull-left" href="">Product</a></div> 

      <ul class="nav"> 
       <li><a href="index.html">Create Account</a></li> 
       <li class=""><a href="index.html">Forgot Password</a></li> 
       <li class=""><a href="index.html">Contact Us</a></li> 
      </ul> 

     </div> 
    </div> 
</div> 

我的菜單位於左側。我希望它在中間,因此它與主體內容保持一致。我認爲包裝「容器」將做到這一點...

+0

你是否從他們的下載頁面下載了bootstrap的修改版本?或者GitHub的完整版本? – 2012-04-18 20:54:19

回答

1

「topbar」或「fill」不是引導程序中的標準類。你應該使用一些類型的修改版本或只使用類「導航欄」「導航欄固定頂部」「導航欄固定底部」...

+0

什麼是bootstrap.js?是需要的嗎? – Arcadian 2012-04-18 21:15:00

+0

Bootstrap.js是bootstrap的一些jQuery插件的javascript。如果你需要這些插件,如模式,工具提示......(bootstrap的官方網站上有12個插件可用)。作爲我的實驗,您應該爲我們提供這些插件以獲得高度互動,乾淨和清晰的界面站點。 – vutran 2012-04-18 21:20:36

+0

所以要使用模式插件,我只需要包括:bootstrap.css和bootstrap.js以及jquery.js對不對?你也可以知道爲什麼我的導航欄位於最左側而不是中間位置?我會在我的問題中發佈我的html。 – Arcadian 2012-04-18 21:24:44

7

大多數Twitter的引導的部分只需要您包含CSS文件。然而,可能需要一些額外的東西。

如果你想使用字形圖標,你需要上傳這些圖像的精靈。

如果你想使用任何jQuery的插件(旋轉木馬,工具提示,下拉菜單等),您需要包括JS文件也是如此。

0

在依賴很多javascript的項目我總是用RequireJS加載我的依賴關係只是我需要的。您還可以輕鬆將引導程序的JS插件轉換爲AMD模塊,以便在配置一次後不會錯過任何依賴關係。

相關問題