2012-07-20 30 views
4

我已经从download with docs链接下载了.less文件,并且已将它添加到我的项目中。我已经下载less.js并将其添加到我的项目。如果我包括一个页面头部以下:Twitter Bootstrap响应css不是从较少的文件生成

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

自举似乎工作,减去响应部分(如果浏览器窗口过窄即导航栏不会崩溃)。我可以通过手动添加自举responsive.css解决这个

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

的问题是,如果我想修改我的网页的颜色主题,我需要在引导-responsive.css,编辑颜色值,其是一种痛苦。它看起来像一些.less文件是为了生成bootstrap-responsive.css(例如,响应navabar.less),但它们不起作用。

有关如何从.less文件获取bootstrap-responsive.css文件的任何建议?

+0

重要提示! responsive.less应放置在导入结尾附近。不在网格系统和页面结构中。 我把它放在组件的底部nav – 2013-02-15 12:39:21

回答

10

您还需要明确地包含这个文件:

responsive.less 

假设你使用的是最近Twitter的引导的版本(2.0.x版本)。

由于在其网站(http://twitter.github.com/bootstrap/scaffolding.html#responsive)提到:

引导不会自动包含这些媒体的质疑,但理解和添加他们是很容易的,只需要很少的设置。 您有包括引导的响应特性的一些选项:

  1. 使用编译响应版本,引导-responsive.css
  2. 添加@import“responsive.less”,并重新编译引导
  3. 修改并作为一个单独的文件重新编译responsive.less

为什么不只是包括它?真相被告知,并非所有事情都需要做出反应。我们没有鼓励开发人员去除这个功能,而是最好地启用它。

+0

参见http://stackoverflow.com/q/13809895/1430996 – 2013-06-17 17:34:28

+0

@JeromyFrench:你链接的问题和这个问题之间的关系是什么?这并不是显而易见的,只关注你所关联的问题。 – Tadeck 2013-06-17 17:44:25

+0

这两个问题都涉及Bootstrap LESS,特别是通过LESS源自定义Bootstrap CSS的策略(“...如果我想修改我的页面的颜色主题...”)。如果你认为它不有用(或者我应该评论这个问题而不是你的回答),我会删除它。 – 2013-06-17 17:48:18