이어지고 템플릿 나는이보기 파일을 수정하기 위해 노력하고 조건 코드

Question

를 훼손 가장 좋은 방법은? 내가 가지고 올 수있는 유일한 해결책은 훼손 스크립트 다음 사용하는 것입니다, 그러나 이것은 아름다운 방법이 될 것 같지 않습니다

<!-- replace '[data-hook="checkout_content"]' --> 
<div class="row" data-hook="checkout_content"> 
<div class="columns <%= if @order.state != 'confirm' then 'alpha ten' else 'alpha omega sixteen' end %>" data-hook="checkout_form_wrapper"> 
    <%= form_for @order, :url => update_checkout_path(@order.state), :html => { :id => "checkout_form_#{@order.state}" } do |form| %> 
    <% unless @order.email? %> 
     <p class="field" style='clear: both'> 
     <%= form.label :email %><br /> 
     <%= form.text_field :email %> 
     </p> 
    <% end %> 
    <%= render @order.state, :form => form %> 
    <% end %> 
</div> 
<% if @order.state != 'confirm' %> 
    <div id="checkout-summary" data-hook="checkout_summary_box" class="columns omega six"> 
    <%= render :partial => 'summary', :locals => { :order => @order } %> 
    </div> 
<% end %> 

내 목표를 달성하기 위해 다른 방법이 있나요? 답변 감사합니다!

Answer 1

defaces의 속성 속성을 사용하여 해당 div의 클래스 속성을 변경할 수 있습니다. 훼손 워드 프로세서에서

:

: set_attributes - 세트하지 않을 경우 현재 또는 추가 할 경우 기존 속성 값을 대체하는 공급 셀렉터에 일치하는 모든 요소에 속성. 기대 : 약간 다른 솔루션 또한

를 전달하는 옵션 속성, 당신은 폭을 설정하는 CSS 선택기를 시도해 볼 수도 있습니다 : 나는 고려할 수

div.twelve[data-hook="checkout_form_wrapper"] { 
    width: something_less_than_what_you_had_before 
}