使用简单的表单和引导程序更改提示的位置答案

【问题标题】：Change position of hint using simple form and bootstrap使用简单的表单和引导程序更改提示的位置
【发布时间】：2014-08-26 08:51:57
【问题描述】：

我正在使用 Rails 3.1x、SimpleForm 2.1 和 Bootstrap 2.2.x，我想更改一些表单上提示文本的位置。

目前如果我使用如下代码（这是简化版）

<%= simple_form_for @user, :html => { :class => 'form-horizontal' } do |f| %>

  <%= f.input :name, :hint => 'this should be your first name' %>

  ..
  ..

我会得到一个像这样的表格

但是，我希望它看起来像这样。

有什么想法吗？

【问题讨论】：

这个问题需要添加呈现的 HTML 标记，以及任何自定义 CSS（在 Bootstrap 之外）。然后我们将提供更多信息来帮助您。
你可以放一个占位符，看起来更优雅。只是一个建议
我没有多余的 CSS，这是 vanilla bootstrap 和 simpleform
占位符是一个有趣的想法，虽然它似乎与我已经在做的完全不同，但它似乎是一个有趣的方向

标签： css ruby-on-rails ruby-on-rails-3 simple-form twitter-bootstrap-2

【解决方案1】：

我不确定它是否有效，但试试这个，在你的表单字段中添加类

 <%= f.input :name, :hint => 'this should be your first name' , :class => "someclass"%>

在 application.css 中

.somecalss
      { 
           width:somevalue;
            }

【讨论】：