问题标签 [twitter-bootstrap-form]

我已经在我的 angular2 应用程序中实现了引导表单验证，并且即使在正确使用引导表单验证指令之后，某些表单元素也没有得到验证。当我尝试检查代码时，我发现“有错误”类没有出现在表单字段中。

这是我的表单代码：

这就是我的表单的显示方式：

这是我的 component.ts 代码：

第一个输入元素正在得到验证，但选择字段和summernote 字段没有得到验证。

我的引导表单有错误，当我单击提交按钮时，POST 方法永远不会触发，表单处于循环循环中，我需要将用户输入的数据发送到“addsoporte.php”脚本，但它永远不会发生，我的代码是这样的：

欢迎您提出建议，在此先感谢

我正在尝试将搜索文本框的大小增加到大于input-lg（使用 Bootstrap 3）的大小。那可能吗？在 Bootstrap 3 文档或 SO 帖子中找不到太多内容。

如何在输入表单旁边制作标签？我已经尝试了任何可能的方法，但它不起作用。请在下面检查我的代码。

css

我正在开发以下功能：

在一个页面中，用户可以一次上传多张图片，然后在下一页他可以编辑这些图片的字段。

所以我想要的基本上是一次编辑多个模型的表单（模型尚未保存在数据库中）。

该应用程序使用https://github.com/bootstrap-ruby/rails-bootstrap-forms来生成表单，但是如果您有一个只有来自 rails 的表单助手的解决方案，它可能足以帮助我解决我的问题.

我目前正在尝试

但是当我点击发送表格时，什么也没有发生。

我正在考虑只使用一个表单并为每张图片生成所有字段，并将字段名称设置为“field_name_index”之类的名称，但这不是很优雅。

我试图实现的是将某种数组传递给控制器​​，其数据类似于pictures = [picture_1_fields，picture_2_fields] 等等

你们能帮帮我吗？

谢谢 ：）

编辑：准确地说，图片不是嵌套形式或其他一些模型

我有带有提交按钮的表单。一旦用户点击提交，我想Record Successfully saved在按钮旁边显示消息。这是我的表格示例：

上面的代码将提交按钮移到表单网格之外。我想知道表单内部是否使用任何类将元素组合在同一个网格中？

我在模式框内有表单，其中包含输入字段和纯文本的组合。我想知道这种情况下引导程序的一般规则是什么。元素应该如何组织？我应该使用<div class='form-group'>所有东西还是可以使用<div class='row'><div class='col-xs-12'>例如？这是我到目前为止所拥有的：

另外，我想知道是否有一种方法可以在表单周围添加填充，因此它不在模态框的边缘旁边？谢谢你。

我需要将标签和输入放在一行上。

现在的样子：

我尝试使用 md-offset-8, xs-2 但这不起作用，我需要在中心对齐所有表单字段。

我似乎无法使用 django-crispy-forms/bootstrap4 使我的 CheckboxSelectMultiple 小部件水平显示。

我试过：在表单的小部件上指定它：小部件 = {'my_field': forms.CheckboxSelectMultiple(attrs={'class': 'form-check-inline'}),}

但是复选框仍然垂直显示，并且模板呈现为：

<div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" name="my_field" id="id_my_field_2" value="2" class="form-check-inline"> <label class="custom-control-label" for="id_my_field_2">

这个“class="form-check-inline"”显示为红色。

如果我使用crispy-forms 的助手，也会发生同样的事情。 self.helper.layout = Layout(Field('my_field', css_class="form-check-inline"))

任何线索为什么会这样？有人可以提出替代方案吗？

ps：设置是：CRISPY_TEMPLATE_PACK = "bootstrap4" 模板是： {% csrf_token %} {% load crispy_forms_tags %} {% crispy form form.helper %}

** 编辑 ** 我设法使用以下方法渲染它们：