问题标签 [bootswatch]

我刚刚从 Twitter 开始使用 Bootstrap，我想知道自定义的“最佳实践”是什么。我想开发一个系统，该系统将利用 css 模板（Bootstrap 或其他）的所有功能，完全（且轻松）可修改，可持续（即，当下一版 Bootstrap 从 Twitter 发布时，我不这样做'不必重新开始。

例如，我想在顶部导航中添加背景图片。看起来有3种方法可以解决这个问题：

1. 修改 bootstrap.css 中的 .topbar 类。我不是特别喜欢这个，因为我会有很多 .topbar 项目，而且我不一定想以同样的方式修改它们。
2. 使用我的背景图像创建新类并应用两种样式（新的和引导到我的元素）。这可能会产生样式冲突，这可以通过将 .topbar 类剥离到单独的类中来避免，然后只使用我的自定义类没有踩到的部分。同样，这需要比我认为必要的更多的工作，虽然它很灵活，但它不会让我在 Twitter 发布下一部分时轻松更新 bootstrap.css。
3. 使用 .LESS 中的变量来实现自定义。顺便说一句，这似乎是一个很好的方法，但没有使用 .LESS 我担心在客户端编译 css 和代码的可持续性。

虽然我使用的是 Bootstrap，但这个问题可以推广到任何 css 模板。

提前感谢您的输入。

我有一个在本地运行良好的 rails 应用程序（OsX，WEBrick）。

我已经在服务器（Ubuntu 10.04，Apache，Passenger）上克隆了存储库，设置了乘客，但是现在当我尝试连接到我得到的每个页面时

bootstrap.css.less 的内容是：

application.html.erb 的第 5 行是：

两台机器上的 ruby​​ 1.8.7

我正在使用“简单的 HTML Dom”来抓取 HN 头版 (news.ycombinator.com)，它在大多数情况下都很好用。

然而，他们时不时地推销一个缺乏抓取工具正在寻找的元素的工作/公司，即分数、用户名和评论数量。

这当然会破坏数组，从而破坏我的脚本的输出：

这是正确输出的示例

这是一个错误输出的例子。请注意，元素不是空的，因此我似乎无法捕捉到错误并简单地跳转到下一项。促销后的所有内容都会中断：

所以这是我的问题：如何处理缺少特定元素并且 find() 不会引发错误的情况？我必须从头开始，还是有更好的方法来抓取 HN 头版？

对于任何好奇的人，这里是整个 XML 文件：http ://thequeue.org/api/tc.xml

我正在使用 twitter bootstrap、rails 3.2.1 和 twitter-bootstrap-rails gem (https://github.com/seyhunak/twitter-bootstrap-rails) 制作主页。

想要尝试不同于经典 twitter 的外观，并从 bootswatch.com 找到了一个名为“United”的出色模板。

我下载了四个文件（bootstrap.css / bootstrap.min.css / variables.less / bootswatch.less）。

如何将这些文件合并到资产管道中？

这是我的“app/assets”目录中的列表（文件由 twitter-bootstrap-rails gem 生成）。

我没有线索。

我正在使用 Max OS X

只需访问http://bootswatch.com/united/并尝试在页面底部附近的表格中输入一些中文。

你会发现错误：

你不能在表单中输入中文，safari 一键刷新！

我正在使用Twitter 的Bootstrap 库的Bootswatch Cyborg 主题。但是，Cyborg 主题具有深色背景和浅色前景色，这与 Bootstrap 默认设置是负面的。图标集 PNG 采用浅色背景，不会显示在 Cyborg 主题中。深色背景是否有相应的图标集？我在Glyphicons的网站上找不到。有没有简单的技巧将图标变成负色？

我已经尝试过 SimpLESS 和 Crunchapp 都返回相同的错误。

我正在尝试编译这个 bootswatch http://bootswatch.com/cyborg/，当我这样做时，我收到以下错误。

有谁知道我做错了什么？

I've got a Ruby on Rails app running with Bootstrap, which I installed using the gem twitter-bootstrap-rails.

I'd now like to integrate a new Bootswatch theme, but I'm having trouble figuring out what to do.

There are four possible downloads for each theme - a bootstrap.css file, a bootstrap.min.css file, a variables.less file, and a bootswatch.less. My question is: do I need to download and add them ALL to my ~/app/assets/stylesheets folder? or do I just need a subset of those? Currently inside ~/app/assets/stylesheets are just two files: application.css and boostrap_and_overrides.css.less. LESS really throws me off here so I'm totally confused with how it works and what I need to do to add new css files with this setup. Any help is appreciated.

我正在使用带有 html5 样板的 bootswatch 主题的引导程序来创建页面。虽然它在 Chrome 和 Firefox 中正确显示，但在 IE9 和 IE8 模式下无法正确显示。但是，当我将 IE9 设置为使用兼容模式时，它可以正常工作。问题是在没有兼容模式的 IE9 中，页面不对齐并停留在左侧。想知道我哪里出错了。提前致谢！

代码在这里：http: //jsfiddle.net/WWphP/

哦，伙计，我一直在为此扯头发。4小时的下拉菜单。

我正在使用 Twitter 引导程序。

顶部的固定导航有一个下拉菜单，非常标准。

除了下拉菜单没有正常关闭。它只会在按下切换本身时切换打开和关闭，而不是在按下菜单中的项目或用户在菜单外单击时（这两者都应该关闭下拉菜单）。

我做的唯一非标准的事情是我使用 iframe 和 bootswatch 的主题。

我以前没有遇到过这样的问题，所以我觉得这可能是一个错误（今天将引导程序升级到 2.1.0，将 jquery 升级到 1.7.2）。

这里的所有代码：

住在这里： http ://www.joshlevent.com/dropdownbug/