使用简单的形式和bootstrap更改提示的位置

时间:2014-08-26 08:51:57

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

我正在使用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' %>

  ..
  ..

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

enter image description here

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

enter image description here

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我不确定它的效果如何,但请在表单字段中添加类

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

并在application.css

.somecalss
      { 
           width:somevalue;
            }