ruby-on-rails-3 - 带有 <image>( X ) 标签的 simple_form 渲染单选按钮组与 twitter Bootstrap ?

标签 ruby-on-rails-3 radio-button twitter-bootstrap simple-form

我尝试了一段时间使用 simple_form 创建下面的示例,但是 + 标签并修复了一些样式。任何人都知道如何解决:

  • 删除 2 不知道它们来自哪里(在生产中似乎很奇怪的 i18n 错误,它会在其中抛出一大堆 I18n)
  • 在单选按钮
  • 后添加文本男性或女性

    label output

    是以下代码的结果:
         .clear
        = f.label "Gender"
        = f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']],
                                     :first, :last,
                                     :item_wrapper_class => 'horizontal',
                                     ) do |gender|
          = gender.label { image_tag("/assets/icons/16x16/#{gender.text}.png") + gender.radio_button  }
    
        .clear
        .ruler
    

    最佳答案

    要删除 2s 并在其中正确使用文本标签:

    = f.label "Gender"
    = f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']],
                                 :first, :last,
                                 :item_wrapper_class => 'horizontal',
                                 ) { |gender| gender.label { image_tag("/assets/icons/16x16/#{gender.text}.png") + gender.radio_button + gender.text } }
    

    删除 =gender.label 之前将删除2s。

    关于ruby-on-rails-3 - 带有 <image>( X ) 标签的 simple_form 渲染单选按钮组与 twitter Bootstrap ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11272764/

    相关文章:

    ruby-on-rails - 我怎样才能在范围内做到这一点?

    javascript - 自动提交单选按钮但保持选中状态

    html - 自定义样式的单选按钮?

    jquery - link_to 和远程 => true + jquery : How? 有帮助吗?

    ruby-on-rails - 在 rails 中运行 ruby​​ 脚本

    ruby-on-rails - 如何在 View 中按变量排序数组

    cakephp - 如何将div添加到单选按钮?

    angularjs - 如何在 Angular ng-repeat 中使用模态 Bootstrap?

    javascript - 启用/禁用动态 Bootstrap 工具提示

    html - 导航栏文本悬停/CSS 不起作用