twitter bootstrap：要包含哪些文件答案

【问题标题】：twitter bootstrap: what files to includetwitter bootstrap：要包含哪些文件
【发布时间】：2012-04-18 20:52:47
【问题描述】：

好的。我有点困惑。我下载了 bootstrap v2 并注意到 .css 文件不包含“topbar”或“fill”类。但我看到了几个使用这些类的例子。

另外，要使框架正常工作，需要包含哪些文件？我只需要一个 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>

我的菜单在左侧。我想要它在中间，所以它与主体内容对齐。我认为包装一个“容器”可以做到这一点......

【问题讨论】：

您是否从他们的下载页面下载了修改后的引导程序版本？还是来自 GitHub 的完整版本？

标签： twitter-bootstrap

【解决方案1】：

Twitter 引导程序的大多数部分只要求您包含 CSS 文件。但是，可能还需要一些额外的东西。

如果你想使用字形图标，你需要上传那些图片精灵。

如果您想使用任何 jQuery 插件（轮播、工具提示、下拉菜单等），您还需要包含 JS 文件。

【讨论】：

【解决方案2】：

“topbar”或“fill”不是引导程序中的标准类。您应该使用某种修改版本或只使用类 "navbar" "navbar-fixed-top" "navbar-fixed-bottom" ...

【讨论】：

什么是 bootstrap.js？有必要吗？
Bootstrap.js 是一些 jQuery 插件的 bootstrap javascript。如果您需要这些插件，例如 modal、tooltips ...（在 bootstrap 的官方网站上有 12 个插件可用）。作为我的实验，你应该将这些插件用于高交互、干净和清晰的界面网站。
所以要使用模态插件，我只需要包括：bootstrap.css 和 bootstrap.js 以及 jquery.js 对吗？你也知道为什么我的导航栏在最左边而不是在中间吗？我将在我的问题中发布我的 html。
是的，只需将 bootstrap.css、bootstrap.js、jquery.js 附加到您的页面并遵循一些标记。您可以在引导站点上阅读有关标记的信息。关于你的导航，你可以让你的 div.fill 宽度达到 100%，然后容器对齐中心。

【解决方案3】：

在依赖大量 javascript 的项目中，我总是使用 RequireJS 来加载我的依赖项，仅用于我需要的内容。您还可以轻松地将 bootstrap 的 JS 插件转换为 AMD 模块，这样您在配置一次后就不会错过任何依赖项。

【讨论】：