问题标签 [css-frameworks]

我正在尝试使用 Zurb 的 Foundation 3。他们的一个功能称为轨道滑块，我正在尝试使用它。但是我收到了这个错误和另一个错误，

未捕获的 ReferenceError：未定义 jQuery

未捕获的类型错误：对象 [对象对象] 没有方法“轨道”

这是我的代码：

我下载了 Twitter 引导程序的准系统示例并对其进行了自定义。我在本地（使用 WAMP 服务器）对其进行了测试，CSS 和 JScript 都运行良好。

我将文件上传到我的虚拟主机服务，但 JScript 无法正常工作。我注意到它是因为下拉框停止工作。

我搜索并发现其他有同样问题的人，但他们都在使用 ruby​​，而我没有。只是bootstrap提供的播放CSS+JScript。此外，他们说解决方案是先包含 bootstrap.js，然后再包含 jquery.js。好吧，我试过了，但没有用，我什至包括了未缩小的 .js，但它仍然没有用。

我使用相同的浏览器 (Chrome) 进行本地和远程测试。我还尝试了不同的托管服务，但两者都出现了问题。

非常感谢您的帮助。

其他类似问题：

• Javascript 功能在 localhost 上工作，但在部署到 Heroku 时不工作
• twitter bootstrap下拉突然不起作用

有许多网格和框架可供选择。谷歌搜索 CSS 框架将返回十几篇文章，这些文章本身列出了许多可供选择的框架。

在选择一个时，如果对所有这些都没有深入了解，很容易迷失方向。

选择 CSS 框架的主要因素是什么，这些选择将如何映射到某些框架？

更一般地说，如何选择 CSS 框架？

注意 1：我在这里几乎可以互换使用“网格”和“框架”，但我可能应该使用其中一个。欢迎对此进行更正。

注 2：我很清楚某些选择将取决于品味，因此，这个问题可以变成“最佳”竞赛/主观主题。我试图让它尽可能地负责，因为我很确定很多人都有选择框架的问题/问题，而对此的答案将使社区受益。因此，欢迎对这个问题进行改进，而不仅仅是关闭它。

有没有完全支持 IE7 的 css 框架？类似 Twitter Bootstrap 的东西，但是当我在 IE7 中使用它时，我没有圆角，并且选项卡被破坏了。Popover 插件失败，所以 IE 显示“这个脚本执行时间过长，你会停止它吗？”

我已经使用他们的 gem 将基础安装到我的 Rails 项目中并运行以下 2 个命令：

一切似乎都很好，漂亮的 CSS 标记和网格布局。但是，我的单选按钮和复选框看起来并没有什么不同。描述单选按钮和复选框的页面说，“一旦初始化（他们指的jquery.foundation.forms.js是每个 Rails 页面中自动包含的），它将查找任何复选框、单选按钮或选择元素，并将其替换为 Foundation 提供的自定义标记样式。”

但是我的单选按钮和复选框看起来很标准，不像上面示例页面上漂亮的。他们建议display: none;使用一些自定义标记设置输入，以避免从普通按钮/复选框闪烁到基础按钮/复选框。那没有帮助。我什至从他们的示例网页复制并粘贴到我的网页！还是没有运气！我错过了什么吗？

我正在使用 Rails 3.2.8

我是第一次使用基础框架，大部分情况下一切都很顺利。然而，我在使用手风琴时遇到了一些问题，因为我需要更改正在使用的打开/关闭指示器三角形。您可以在此处的文档中看到它。我查看了 css 并在foundation.css 的第 709-719 行找到了带有手风琴的部分，但没有要更改或调整的图像。

我想将此图标更改为我的 psd 中的那个，但就是不知道在哪里。有关需要更改的内容，请参见随附的屏幕截图。

我知道如何进行更改，在这种情况下，我只是找不到在哪里进行更改。

我发现 Bootstrap 不够灵活。例如，没有直接的方法来更改font或line-height属性。我想要一种单行方法来更改这些属性。

我还能用什么类似于 Bootstrap （我肯定不会那么富有）？我只需要一些可以灵活应对这些变化的样式集合。

编辑：原来这是在 macOS catalina 中修复的。一路顺风！

当用户放大或缩小时，如何保持按钮的外观？按钮的文本和边缘之间的间距需要保持一致。

在这里画的小提琴上工作：http: //jsfiddle.net/DevinRhode2/B4Usb/5/

如果您将浏览器缩放设置为 100% 并zoom: 1.1;从小提琴中移除，您将看到带有完全包含且居中文本的按钮 - 这种外观就是目标。

通过必要的修改，为原生 mac 样式按钮重新创建 css 可能更容易。

解决这个问题，或者重新创建相同的 OS X 样式并不容易，所以我开始了赏金。

这是我第一次将 Zurb Foundation 用于 Web 项目。但是，我不确定是在单独的样式表上用我自己的样式覆盖它们的样式还是直接编辑foundation.css.

例如，这是他们的导航 css（内部foundation.css）：

如果我想更改backgroundand margin-top，我是直接编辑.nav-bar还是foundation.css创建自己的样式表（在style.css下面放一个foundation.css）并像这样覆盖它：

这是好习惯吗？如果没有，最好的方法是什么？

我提出了几个固定宽度的 CSS 框架，例如 960px GS 和网格生成器。我发现它们的问题是它们的固定宽度。虽然它在普通屏幕上效果最好，但我可以得到或有人帮助我使用 CSS 框架，它使用可用屏幕的整个宽度。列数、装订线宽度等都不是很重要的因素。

提前致谢。:)