横向模式修复引导程序

时间:2014-11-04 08:50:25

标签: html css twitter-bootstrap

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>

0 个答案:

没有答案