问题标签 [twitter-bootstrap-form]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
19908 浏览

html - 使用 Bootstrap 3 在提交按钮内放置图标

我正在尝试使用 Bootstrap 3 实现如下屏幕截图所示的效果。

在此处输入图像描述

如您所见,搜索按钮既是:

1)在输入内部

2) 用字形设计,以免看起来像“按钮”。

如何使用 Bootstrap 3 实现类似的效果?我想在文本输入的末尾放置一个带有放大镜字形的按钮,但是该按钮一直出现在输入下方而不是在其内部。

0 投票
0 回答
140 浏览

forms - Bootstrap 自适应表单不能很好地与 Kendo 多选配合使用

我正在使用“Bootstrap 响应式表单”(http://www.bootply.com/jrNvaahcOh)和 Kendomultiselect(http://demos.telerik.com/kendo-ui/multiselect/index

Bootstrap 表单缩放整个表单,根据屏幕大小调整表单字段的位置(和宽度)。

我的示例仅适用于表单:http: //jsfiddle.net/52VtD/12239/

它确实

  1. 绘制自适应表格
  2. 等待 2 秒
  3. 激活 Kendomultiselect(这里有问题!)

问题:当有两列表单字段时(我假设只要 kendomultiselect 位于最右边,它就会中断),Kendomultiselect 会打乱设计的“流程”-> 似乎下一个元素被抛出它的正确位置,而不是在哪里它应该是。在此处输入图像描述

激活简单 html 选择的剑道代码是

..当前设置超时为 2 秒,以在我的示例中显示效果。

谁能指出为什么会发生这种情况?我只能假设 Bootstrap 的 css 与 Kendo 的 css 有问题。

0 投票
1 回答
1866 浏览

ruby-on-rails - Ruby on Rails 使用配置文件页面上的模式更改/更新密码验证旧密码,添加新密码,确认新密码

我正在尝试更新个人资料页面上的用户密码。为了给您提供上下文,用户将单击其个人资料页面上的“更改密码”链接,然后将显示带有 bootstrap_form_for 的模式,要求确认旧密码、输入新密码和确认新密码。

目前,我的方法成功通过了,但是数据库中的密码没有被更改。我没有使用设计,这是从头开始完成的。

理想情况下,我想确保正确验证旧密码,然后在数据库中更新新密码。

我在用户控制器中留下了一些注释掉的代码,因此您可以看到我一直在尝试的一些内容。

请指教!谢谢!

路线

用户控制器:

edit.html.erb(模态部分)

用户模型(仅相关部分)

0 投票
0 回答
800 浏览

ruby-on-rails - Rails 验证不适用于“rails-bootstrap-forms/bootstrap_form_for”

我正在使用这个 gem:https ://github.com/bootstrap-ruby/rails-bootstrap-forms 。如果未满足验证,gem 应该以红色突出显示输入框。我有几个问题。首先,内联验证错误不起作用。其次,更重要的是,我的模型验证错误根本不起作用。

如何更改验证以确保它们有效?我需要做一些特别的事情来让 gem 在前端工作吗?还是最好使用另一种方法来解决前端验证错误?

太感谢了!

编辑.html.erb

users_controller.rb

用户.rb

0 投票
3 回答
1466 浏览

html - Bootstrap:如何删除边框形式?

我正在尝试更改默认的 Bootstrap 表单样式以获得类似图片显示的表单样式(只是一个下划线) 形式

但是,我无法删除 Bootstrap 表单具有的默认灰色边框。我怎样才能删除它。(请在此帖子中找到代码)

综上所述,我想保留红色底线并删除我的代码的灰色线。

谢谢

0 投票
2 回答
353 浏览

twitter-bootstrap - 引导表单在移动视图中未居中

当我在桌面上查看它时,最重要的是,当我在移动电话(如 Ipad,甚至 iPhone)上查看它时,我试图让我的表单居中。

这是我的表单代码

如您所见,它没有居中,有人可以帮助我解决我做错了什么。这是我在 www.kevineperjesi.com/found6test 上工作的网站的链接

0 投票
2 回答
67 浏览

twitter-bootstrap - 我希望我的 Bootstrap 表单居中对齐,我使用了 BS Form 的标准类,但表单始终向左对齐

我为margin:0 auto 和center-alignment 使用了各种类,但没有奏效。

0 投票
1 回答
65 浏览

html - 此表单不提交帖子值

提交以下引导表单时,我在服务器端得到空值数组:

0 投票
2 回答
1071 浏览

html - 在表单中将图像跨越多行

我有一个关于尝试以水平引导形式跨越多行图像的问题。目前的情况如下图所示: 在此处输入图像描述 但是,我希望左侧的个人资料图像跨越输入字段的多行。现在它出于某种原因将第二个输入字段向下推,我似乎无法理解它。我还没有真正体验过这一切。所以我有点卡住了。我似乎找到的所有解决方案都针对 bootstrap 网格系统,并不真正适用于 Bootstrap 表单。有没有其他人有这方面的经验或知道如何做到这一点?当前的代码片段可以在下面找到。提前致谢!

以及相关的 CSS 类:

编辑:代码片段中的父级<div>太多

0 投票
0 回答
56 浏览

javascript - 保存后弹出窗口找不到索引页面

首先,我想说的是,在使用 javascript 时,我完全是个菜鸟,而且这是我第一次在项目中使用弹出窗口。

直到现在我才这样做(索引视图):

这是控制器:

当我将输入的数据保存到弹出窗口时,它显示错误:“找不到视图'索引'或其主控或没有视图引擎支持搜索的位置。搜索了以下位置:bla/bla/bla”,但它不显示索引视图的正确路径。这就是我的问题,当我保存数据时,我想关闭弹出窗口和要在列表中显示的值(索引视图)。请帮助我,因为我搜索了许多网站来帮助我做到这一点,但对我没有任何帮助。