2

我正在 Yesod 中构建一个表单，该表单需要包含由单个文本框和单选按钮组成的多行。我也在使用renderBootstrap3。

现在我有：

Form = renderBootstrap3 BootstrapBasicForm $ Params
    <$> aopt textField "Car1Name" Nothing
    <*> areq (radioFieldList colorList) "Car1Color" (Just "red")
    <$> aopt textField "Car2Name" Nothing
    <*> areq (radioFieldList colorList) "Car2Color" (Just "red")

问题是所有内容都是垂直显示的。我想要一排汽车 1 的所有东西，以及下一行汽车 2 的所有东西。我怎样才能做到这一点？

4

1 回答 1

3

我认为1你不能renderBootstrap3只用它来实现所需的行为，因为 Yesod 的 Bootstrap 3 模块支持三种标准表单类型：基本（每行表单元素）、内联（一行中的所有内容，没有标签）和水平（标签 + 表单每行元素）。由于每行需要两个表单元素，以编程方式，在一个表单中，我认为将额外的类属性应用于表单元素并使用 CSS 样式化它们应该是最简单的解决方案。

1我认为，因为我在本文中启动了 Bootstrap 3 支持，但我不确定 Bootstrap 3 功能是否有任何变化。方便的是，您可以在底部的示例中查看表单示例，但请注意 Yesod 的 Bootstrap 3 支持与该文章中的 API 略有不同。

于 2014-07-14T22:14:05.720 回答