问题标签 [bootswatch]

我正在尝试制作在 rails4.1.6 上使用引导程序的项目。

这是gemfile：

$ bundle install那是成功的。

和 bootswatch 的设置

应用程序/资产/样式表/application.css

应用程序/资产/javascript/application.js

但是$ rails s当我查看该站点时，出现以下错误：

你怎么解决它？

您好，我尝试使用 UI-Bootstrap 和 bootswatch 模板设置 Angular 应用程序。bootswatch 模板正在整个站点中应用，但是当我尝试设置下拉菜单、手风琴或导航折叠时，似乎没有任何效果。导航折叠与导航一起折叠按钮，但单击按钮什么都不做，没有下拉菜单等。我在 Chrome 开发工具中没有收到任何错误，我可以看到所有请求的脚本和 CSS 都加载到页。虽然这是一个 SPA，但我将它包装在一个 MVC 4 站点中。这是迄今为止我为基本 cshtml 模板提供的 html。

关于我可能遗漏的任何建议？因为我使用的是 UI-Bootstrap jquery，所以不需要它，所以我没有在列表中。（我确实对其进行了测试并添加了它，但结果相同）。

提前致谢

在我从 bootswatch ( https://bootswatch.com/flatly/ ) 安装 flatly 模板后，twbs 的正常模式窗口不再工作。

在我将主题添加到我的应用程序之前，它工作得很好。

这意味着模态窗口出现了，但它不是活动的。模态窗口出现在灰色背景后面。模态窗口没有焦点。我也关不了 但为什么？

I am using Bootswatch Cosmo to build my website, but the dropdown menu isn't working. You can view the page live at http://spencermehta.co.uk. The html is:

任何人都可以给我一个关于如何使用 CSS 为 Pelican 站点更改字体大小的提示。我使用 pelican-bootstrap3 主题。

我不想分叉和修改主题。我想使用 custom.css 功能更改大小。

感谢您的帮助

我正在关注 M Hartl 的 Rails 教程，并尝试添加一个 bootswatch 主题。

我已经成功地使用了教程中定义的 boostrap-sass gem，以及来自网络的 twitter-bootswatch-rails gem。

但是，在 Hartl 的教程中，除了默认引导程序之外，我们编写的所有 CSS 都位于单独的 custom.css.scss 文件中。

我的 application.css.scss 文件（从 Rails 默认的 .css 重命名）包含

可行，但是 custom.css.scss 文件引用了 $gray-light，这是在引导程序中设置的变量。服务器将在 css 文件中的变量引用处返回错误，除非我添加

到 custom.css。

但最终结果是，我现在使用了两个巨大的 CSS 文件，我认为这不是原因。

我想到了

是将我的 custom.css.scss 文件包含到 application.css.scss 文件中，这样它就可以放在一个地方，并且变量可以很好地工作。

另一种可行的方法是将我的整个 custom.css.scss 内容转储到 application.css.scss 中，但这违背了拥有单独文件的意义。

难道我做错了什么？

编辑：为了火上浇油，我从 custom.css 中删除了这两行，取而代之的是 `@import bootswatch/cerulean/variables"; 它可以工作。但是，网站上生成的 CSS 没有任何内容文件。

我正在使用bootswatch.com 的 flatly主题

它有一个可折叠的顶部导航栏，但我想对其进行重构，使其成为侧边栏导航而不是顶部导航。

这是当前代码：

切换导航 品牌

我希望在发明自己的方法之前，我只需要更改一些类名即可使其正常工作。（我是新手引导程序）。

问题是，为什么 IE 会部分下载资源？

我们有一个应用程序使用了在 IE 11.0.9600 中无法正确显示的 bootswatch 字体。经检查，IE 报告下载的数据少于整个文件的大小。各种字形和字体没有正确显示，这似乎是有道理的，因为它们背后的数据永远不会到达。

通常，这些字体文件为 25KB 及以上，Internet Explorer 报告获取的数据量异常低，但使用 HTTP 200“一切都很好”。

这不是大多数/所有资源的普遍问题，只是 bootswatch（以及以前的 fontawesome）资源。

检查 IE 和 curl 报告的标头（都作为 curl，并使用 curl 模拟 IE）表明服务器似乎做的一切都是正确的。curl、firefox 或 chrome 中不会出现此问题。

编辑- 下面用户建议的进一步调查，我已经下载并使用了 fiddler，跟踪了连接 - fiddler 报告此请求没有 gzip 编码（这意味着我猜 IE 的 0.65KB 报告不太可能是压缩大小）。Fiddler 报告正确的文件大小，保存响应正文会生成正确文件的完美副本。fidder 一直在报告这个问题，IE 的网络窗口继续报告 25KB 文件中的 0.65KB，并且字形无法正常显示。有关故障排除的任何进一步建议？

如果我们只有一个锚点，我们如何告诉 Angular 不要尝试去某个路由，例如：

当我们点击“主页”时，我们只是简单地使用 CSS 在当前视图上隐藏/显示 div 部分，但如前所述，Angular 认为我们将前往我们可能在 app.js 或其他东西中设置的指定路线。

有任何想法吗？

非常感谢，

大卫

我在我的网站中使用Bootswatch Paper 主题，并且我还想使用浮动标签，如下所示：http: //jsfiddle.net/wkqsqajn/

这很好用，但我现在在自己的网站上遇到了麻烦。css.form-group设置为固定高度，为浮动标签提供空间：

不幸的是，这弄乱了我的其他表单输入，例如复选框和文本区域的列表。我做了另一个小提琴来展示我遇到的麻烦（尝试在文本区域中输入）：http: //jsfiddle.net/ee64ef5o/2/

问题是表单组的高度是固定的。是否可以将高度设置为比元素通常使用的像素高 X 个像素，以便为浮动标签提供空间？或者有没有其他方法可以解决这个问题？

欢迎所有提示！