【问题标题】:Customize Bootstrap Form In Rails View在 Rails 视图中自定义引导表单
【发布时间】:2014-07-12 12:17:43
【问题描述】:

我无法找出正确的格式来修改我的部分表单,使其看起来像下面的引导表单,并带有这样的附加按钮;

<div class="col-lg-9">
<div class="input-group input-group-lg">
  <input type="text" class="form-control">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
</div><!-- /input-group -->


我希望将表单发布到 :home 并附加按钮以替换脚手架中的默认 f.submit 按钮。这是我要修改的部分 Scaffold 表单。

    <%= form_for @anesu, :html => { :class => 'form-horizontal' } do |f| %>
  <div class="control-group">
    <%= f.label :home, :class => 'control-label' %>
    <div class="controls">
      <%= f.text_field :home, :class => 'text_field' %>
    </div>
  </div>

  <div class="form-actions">
    <%= f.submit nil, :class => 'btn btn-primary' %>
    <%= link_to t('.cancel', :default => t("helpers.links.cancel")),
                anesus_path, :class => 'btn' %>
  </div>
<% end %>

请指导我如何格式化我的代码以及正确的使用方法

【问题讨论】:

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


    【解决方案1】:
    <%= form_for @anesu do |f| %>    
      <div class="col-lg-9">
        <div class="input-group input-group-lg">
          <%= f.text_field :home, :class => 'form-control' %>
          <span class="input-group-btn">
            <%= f.submit "Go!", :class => 'btn btn-primary' %>
          </span>
        </div>
      </div>
    <% end %>
    

    【讨论】:

      猜你喜欢
      • 2013-05-01
      • 2011-10-02
      • 1970-01-01
      • 1970-01-01
      • 2012-08-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多