this http://i62.tinypic.com/1ih003.png
之前我的应用程序在横向模式下看起来像这样,所以我也想使用右侧空间。
所以我将课程col-xs-4
添加到特定选项的div
。
所以现在看起来像这样。
this http://i62.tinypic.com/359inwm.png
但第二个collasper的点击变得无法点击。我该如何解决?
抱歉格式不佳。
以下是代码:
show.html.erb文件
<div class="container">
<p id="notice"><%= notice %></p>
<h1><%= @garment.name %></h1>
<div class="row">
<%= form_tag proceed_orders_path, method: :post, id: "proceed_to_order_form" do %>
<div class="col-md-12">
<div class="panel-group" id="accordion">
<%= render partial: "parts/part", collection: @garment.parts.reverse %>
</div>
</div>
<% end %>
</div>
<div class="row">
<div class="col-md-12"><button type="button" class="btn btn-primary" id="proceed_to_order">Proceed</button></div>
</div>
</div>
_radio_option.html.erb
<% pre_disabled = radio_option.disablers.map(&:option).map(&:is_default?).first %>
<div class="col-md-2 col-xs-4">
<div class="row">
<div class="col-md-12 part_option_wrapper">
<% if pre_disabled %>
<div class='option_overlay'></div>
<% end %>
<label for="order_part_<%= radio_option.part.id %>_option_<%= radio_option.id %>" class="option_radio_label">
<%= radio_button_tag "order[part][#{radio_option.part.id}][option]", radio_option.id, radio_option.is_default?, class: "radio_option #{pre_disabled ? 'c_disabled' : ''}", "data-option-part" => radio_option.part.id, "data-option-name" => radio_option.name, "data-option-disables" => "#{radio_option.disables.map(&:disable_element_id)}", "data-option-subid" => "option_subid_#{radio_option.id}", "data-option-group" => "part_#{radio_option.part_id}", "data-option-enables" => "#{radio_option.enables.map(&:enable_element_id)}", disabled: (pre_disabled ? true : false) %>
<%= image_tag radio_option.photo(:small), class: "radio_option_img", "data-option-part" => radio_option.part.id, "data-option-name" => radio_option.name %>
<br><%= radio_option.name %>
</label>
</div>
</div>
</div>