问题标签 [twitter-bootstrap]

我是 Rails 新手，在我目前的项目中，我使用的是 Twitter 的Bootstrap。Bootstrap 的弹出框很漂亮，我打算广泛使用它们，所以我想为弹出框编写一个视图助手。

这是弹出框的标准 html 代码：

这是我的辅助功能：

我知道这个函数很丑，但我还没有找到更好的方法来编写它：/也许有一些块？

最后是我认为调用这个助手的代码

如您所见，我在弹出框上拆分了一个表单。表单的字段在正文中，提交按钮在页脚中。弹出框显示正确，但提交按钮不起作用（它在没有助手的情况下工作）。

如何正确编写辅助函数并处理恶意表单问题？

更新 1

基于 nathanvda 的回答和 clyfe 的评论，我编辑了我的助手并创建了一个部分。
这是部分的代码：

和辅助方法：

视图的代码不会改变。
它更干净并且表单显示正确，但提交按钮不能更好地工作（当我点击它时没有发生任何事情）。有什么建议吗？

更新 2

通过将生成的 html 代码与帮助程序进行比较，没有它，我发现了提交问题。form_tag不是在正确的地方。
使用视图中的此代码，它可以工作：

现在我有一个可行的解决方案，但它并不完美。如果我能放弃会很好after = "</form>"吗？

我正在使用Twitter 的 Bootstrap 模态功能。当有人在我的表单上单击提交时，我正在测试他们是否检查了任何可用选项：

...如果没有，则显示模态窗口。然后，我希望模式上的“主要”按钮继续提交表单，而辅助按钮则简单地关闭模式窗口。

我确信这应该很容易完成，但是我目前对 jQuery 的了解仅在复制/粘贴级别，并且文档没有给出如何执行此操作的示例。

我已经在这里设置了一个 jsFiddle - 谢谢。

编辑- 我在下面添加了一些代码（感觉有点 hacky），当点击辅助按钮时会关闭模式窗口。仍然不确定单击主按钮时如何继续执行表单：

现在的问题归结为：“一旦单击主按钮，是否有一种简单的方法可以告诉表单“好的，继续”？

这对你们来说可能很容易，但我不确定实现它的最佳方法。

是否有某种类型的.erb我可以写询问“如果:notice存在，则呈现......”？

以下是有关该问题的更多信息：

:notice我的控制器为create和动作指定了 a update（非常标准）。当我加载页面时，通知会按照我的预期进行并显示。然而，当我重新加载页面时（不知道为什么有人会这样做，但我做到了），:notice消失了（太好了，这就是我想要的），但包含<div>仍然存在。

如何确保将封装<div>与:notice? 我不确定在我的视图或控制器中指定哪些条件。该视图看起来像这样（顺便说一句，我正在使用 Twitter Bootstrap JS 警报）。

看法

我的控制器是具有基本结构的单个脚手架模型/资源

虽然声称该工具包支持大多数现代浏览器，但 Twitter 的 Bootstrap 工具包是否已准备好用于生产环境？有没有人彻底使用过它，知道它是否在网站上列出的所有浏览器上都能正常工作？推特引导主页

遵循响应式网页设计的原则，Skeleton 可按比例缩放以适应移动浏览器。Bootstrap 是否提供相同的功能？

我正在尝试在共享点站点中使用Bootstrap。不幸的是，CSS 样式正在应用到模板的 HTML 中，这对设计造成了相当大的影响。

我知道我想要受引导程序影响的一切都在其中#s4-workspace- 有没有人知道我可以用来将引导程序仅应用于该元素的子项的任何 CSS 技巧？

我并不害怕重新编译包含它的LESS代码，如下所示：

但是，如果可以的话，我很自然地想找到一个更好的解决方案。这种特殊的方法似乎也不起作用。

我无法更改 Sharepoint 主站点的 CSS。

欢迎任何建议！

谢谢，

我使用 twitter-bootstrap 创建顶部栏菜单，它工作正常

直到我尝试将 Sproutcore 添加到页面。我的下拉菜单停止工作。我认为这是因为在 Sproutcore 生成 HTML 标记之前调用了“$(document).ready(function()”。

sproutcore 完成生成 HTML 标记后，如何在 document.ready 中调用命令

如何使用 Twitter Bootstrap 日期选择器？我使用了下面的代码，但它不起作用。

使用 Bootstrap，我无法弄清楚我需要将“MiDs”元素居中以使其与其余元素对齐，但黑色会像现在一样脱离边缘。

编辑：请记住，这个答案是在 Bootstrap 2 发布之前提出的，因此与第一个版本相关

我正在尝试动态添加和显示带有 AJAX 内容的 Bootstrap 模态窗口，但是在查看了一个半小时的文档后，我不明白我需要将哪些类或属性添加到我的模态 div 以便它们与模态 API 一起使用.

现在我有这样的事情：

而且它不起作用...也许我很密集，但是在调用 show 方法之前，我在文档上找不到有关如何设置模态窗口的任何信息。

编辑：修复它，显然 bootstrap-modal.js 需要 bootstrap-tipsy.js 和 bootstrap-popover.js，尽管文档中没有提到它。说真的，Bootstrap 的文档最差，特别是考虑到它的流行程度。