erb表单上的bootstrap工具提示的语法?

时间:2014-09-05 18:47:52

标签: ruby-on-rails twitter-bootstrap tooltip

我在rails中编写一个表单,使用Bootstrap 3进行样式设置。我的目标是在用户单击输入字段时触发工具提示(左)。我知道如何使用标准输入字段执行此操作,但如何对erb执行相同的操作却不知道如下。

<div class="form-group">
      <%= label_tag :teachables, "What do you think you can teach?" %>
      <%= f.text_field :teachables, class: 'form-control', placeholder: 'Like piano, sewing, music, etc' %>
    </div>

这是标准的bootstrap标记:

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>

1 个答案:

答案 0 :(得分:4)

尝试:

<div class="form-group">
  <%= label_tag :teachables, "What do you think you can teach?" %>
  <%= f.text_field :teachables, class: 'form-control', placeholder: 'Like piano, sewing, music, etc', data: {toggle: "tooltip", placement: "left" }, title: "tooltip on second input!" %>
</div>