4

我已经从带有文档链接的下载中下载了 .less 文件，并将其添加到我的项目中。我已经下载了 less.js 并将其添加到我的项目中。如果我在页面头部包含以下内容：

<link rel="stylesheet/less" href="@routes.Assets.at("less/bootstrap.less")">
    <script src="@routes.Assets.at("less/less-1.3.0.min.js")"></script>

引导似乎工作，减去响应部分（即，如果浏览器窗口变得太窄，导航栏不会折叠）。我可以通过手动添加 bootstrap-responsive.css 来解决这个问题

<link rel="stylesheet" href="@routes.Assets.at("stylesheets/bootstrap-responsive.css")" />

问题是，如果我想修改我的页面的颜色主题，我需要在 bootstrap-responsive.css 中编辑颜色值，这很痛苦。看起来某些 .less 文件旨在生成 bootstrap-responsive.css（例如 responsive-navabar.less），但它们不起作用。

关于如何从 .less 文件中获取 bootstrap-responsive.css 文件的任何建议？

4

1 回答 1

10

您还需要明确包含此文件：

responsive.less

假设您使用的是 Twitter Bootstrap 的最新版本 (2.0.x)。

正如他们的网站（http://twitter.github.com/bootstrap/scaffolding.html#responsive）所述：

Bootstrap 不会自动包含这些媒体查询，但理解和添加它们非常容易，并且需要最少的设置。您有几个选项可以包含 Bootstrap 的响应式功能：

  1. 使用编译好的响应式版本，bootstrap-responsive.css
  2. 添加 @import "responsive.less" 并重新编译 Bootstrap
  3. 将 responsive.less 修改并重新编译为单独的文件

为什么不直接包括它？说实话，并非所有事情都需要响应。我们认为最好启用它，而不是鼓励开发人员删除此功能。

于 2012-07-20T15:33:23.100 回答