如何使用 yeoman bower 获得引导响应 css

【问题标题】：How can I get bootstrap responsive css work with yeoman bower如何使用 yeoman bower 获得引导响应 css
【发布时间】：2013-08-18 16:04:35
【问题描述】：

我正在使用 bower 获取引导库，
\bower_components\bootstrap-sass 中有一个 bootstrap-responsive-2.3.2
虽然我可以自己手动导入，但我只是想知道有什么办法可以用 bower 命令导入吗？

【问题讨论】：

【解决方案1】：

据我所知，bower 会获取指定的依赖项。您可能想要查看类似grunt-include-bootstrap 的 grunt 任务，它将使用 grunt 定义任务并将添加到您的项目页面。我希望这会有所帮助。

【讨论】：

【解决方案2】：

在 Yeoman 附带的 main.scss 文件中（在运行“yo webapp”并使用默认选项之后），“.container”最大宽度会覆盖响应式默认值。只需将其取出（第 74-76 行），就会显示 >1200px 的状态。

【讨论】：

【解决方案3】：

这只需添加

@import "bootstrap-sass/lib/responsive";

之后

@import "bootstrap-sass/lib/bootstrap";

在你的 main.scss 中。就这么简单:-)

【讨论】：