javascript - 使用 SASS 进行 Bootstrap

Question

我想使用 SASS 版本的 Bootstrap 3，但 JS 模块无法工作。

我的 bootstrap.js:

//= require bootstrap/affix
//= require bootstrap/alert
//= require bootstrap/button
//= require bootstrap/carousel
//= require bootstrap/collapse
//= require bootstrap/dropdown
//= require bootstrap/tab
//= require bootstrap/transition
//= require bootstrap/scrollspy
//= require bootstrap/modal
//= require bootstrap/tooltip
//= require bootstrap/popover

什么是 require 以及它如何工作？我以前从未在普通 Bootstrap 中见过这种情况。

Answer 1

这是一个 javascript list ，Rails 使用它来加载 Bootstrap 插件。
通过此 list ，您可以快速禁用单个插件。

如果您不使用 Rails，您有 2 个选择:

加载您需要的每个插件

<script src="assets/js/bootstrap/affix.js"></script>
<script src="assets/js/bootstrap/alert.js"></script>
<script src="assets/js/bootstrap/button.js"></script>
...

使用bootstrap.js的编译版本

您可以在 Bootstrap CDN 上找到它:

• http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.js
• http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js (缩小)

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

(包含远程脚本，或将其复制/粘贴到您的项目中)