问题标签 [twitter-bootstrap]

我正在尝试构建一个 rails 应用程序，simple_form 看起来是一个非常有用的宝石。问题是我正在使用 twitter bootstrap css 进行样式设置，而 simple_form 不允许您指定 html 的布局。

谁能告诉我如何将 simple_form html 符合 bootstrap css 想要的格式？

这是代码：

以及实时预览的链接：http: //jsfiddle.net/7W32Z/。

为什么边框最终在侧边栏下方？它与应用于<ul class="tabs" />元素的 clearfix 有关，因为如果我clear: right只是，边框会向上跳跃。

所以，我在玩 Twitter 的新 CSS 框架Bootstrap。

我遇到的情况如下：我已将topbardiv 添加到我的页面：

然而，这有一些意想不到的行为：它继续在顶部示例的页面下浮动。

有没有办法防止这种情况发生，还是我需要考虑一个不同的框架？

我正在使用 html5/Razor/MVC3，利用来自 Twitter 的 Bootstrap 模板。我希望表单验证看起来像他们记录的那样光滑（http://twitter.github.com/bootstrap/#forms）。因此，如果我们看一下用于帐户注册的标准样板 MVC3，标记将如下所示：

我想要做的是让容器 div 注入“错误”类，就像我在第一个输入中硬编码一样。（因此在进入页面时，该 div 将有一个“clearfix”类，但如果该输入块未通过验证，它会将其标记为“clearfix error”）。我想我将不得不更新 div 块以包含某种 id 并可能向 ValidationMessage 添加一个新的 data- 属性。扩展 ValidationMessageFor 助手没有问题。我只是不能 100% 确定扩展现有库的方法应该是什么。关于如何解决这个问题的任何建议？

TIA。

更新：

我认为这种方法是合理的：

通过使用数据容器名称装饰我的验证消息，我可以定位容器 div。现在我只需要弄清楚如何拦截验证消息。

是否可以使用 HtmlTag 装饰器将表单元素包装在一个 div 中并将整个块（标签、元素、错误等）包装在另一个 div 中？我想将 Twitter 的 Bootstrap 与 Zend_Form 一起使用，如下所示：

有任何想法吗？

我刚刚发现 twitter-boostrap

https://github.com/twbs/bootstrap

我想知道是否有一个 jquery 库可以使用它。

对于弹出框、模态框、工具提示、警报消息、选项卡...

或者例如，将其用作 jquery-ui 主题！

有人知道吗？

在我的 Rails 3 应用程序中，我使用Twitter Bootstrap作为开发内部项目管理系统的框架。我使用 Formtastic 来帮助我处理表单，因为它节省了大量时间和代码。我的问题是让 Formtastic 代码以符合 Bootstrap 约定的方式输出表单。我已经阅读了我在 Google 上找到的一些项目，建议我应该对 Formtastic 进行猴子补丁，但我无法成功地做到这一点。

如何自定义 Formtastic 的输出以在每个字段周围使用 div，以便我可以使用 Bootstrap？

谢谢你的关注。

我无法弄清楚这是什么：

http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.css第 33 行

我了解这种风格，但我以前从未见过

所以使用 twitter 引导 CSS 框架，

如果您显示此 html，它将在单选按钮下显示文本，我希望它们显示在单选按钮的右侧 * 或左侧

如果您将 Gender 替换为 Gender，则此方法有效，它将具有预期的效果

但是我无法控制将标签更改为跨度标签（我使用基于 java 的框架）

但是我可以为 html 添加前缀和后缀 - 如下例所示

如果你能得到这个工作，你的向导！谢谢大家

http://twitter.github.com/bootstrap/

如果您查看此处并调整浏览器的宽度，您会发现左侧没有填充。如果你添加填充，虽然它会抛出布局中心。

我可以做些什么来解决这个问题还是需要更改整个布局？我看到 twitter.com 是如何使用宽度和东西的，但这需要更多div元素。谢谢您的帮助。