Twitter bootstrap Twitter引导响应css不是从较少的文件生成的

Twitter bootstrap Twitter引导响应css不是从较少的文件生成的,twitter-bootstrap,Twitter Bootstrap,我已经从链接下载了.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> 除了响应部分(即,如果

我已经从链接下载了.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文件,有什么建议吗?

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

responsive.less
假设您使用的是Twitter引导的最新版本(2.0.x)

如其网站()所述:

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

  • 使用编译的响应版本bootstrap-responsive.css
  • 添加@import“responsive.less”并重新编译引导
  • 将responsive.less修改并重新编译为单独的文件
  • 为什么不包括它呢?说实话,并不是每件事都需要有反应。我们认为最好启用它,而不是鼓励开发人员删除此功能


    重要提示!responsive.less应放在导入的末尾附近。不在网格系统和页面结构中。我把它放在组件的底部nav@JeromyFrench:您链接的问题与此问题之间的关系是什么?这并不明显,只看你链接的问题。这两个问题通常都涉及无引导,特别是通过无引导源定制引导CSS的策略(“…如果我想修改我页面的颜色主题…”)。如果你不认为这有帮助,我会删除(或者我应该评论这个问题而不是你的答案)。