Html 线条高度不影响我的应用程序中的任何内容

在我的rails应用程序中，我有一个如下所示的表单

<p class='field'>
    <div class = "form-group">
      <div class = "col-sm-3 mobile-label" >
       <%= form.label :loyalty%>
       <%=image_tag "qun1.png" ,:style=>"width: 15px; display:inline-block", 'data-toggle'=>"modal", 'data-target'=>"#myModal1"  %>
     </div>
     <div class="col-sm-9">
      <%= form.text_field :coupon_code, :class => 'form-control col-sm-9' %>
     <%= button_tag "Apply", class: 'btn btn-lg btn-success primary payment-code col-sm-3 ',id: 'apcode' %>
    </div>
    </div>
</p>

<p class='fild>
  <div class = "form-group">
    <div class = "col-sm-3 mobile-label" >
     <%= form.label :coupon_code %>
    </div>
   <div class="col-sm-9">
     <%= form.text_field :coupon_code, :class => 'form-control col-sm-9 ' %>
     <%= button_tag "Apply", class: 'btn btn-lg btn-success primary payment-code col-sm-3 ',id: 'apcode' %>  
   </div>
 </div>
</p>

“宽度：15px；显示：内联块”、“数据切换”=>“模式”、“数据目标”=>“#myModal1”%>
'窗体控件col-sm-9'>

将此代码放在类字段中，然后尝试是否解决了错误。
显示生成的HTML，而不是此@dippasThis对我来说确实不起作用。当我给出
边际下限时：50px这对我很有效，但是当我有另一个表单组时，第二个和第三个表单组会相互重叠..尝试显示：内联块；一次。看看会发生什么。
style="line-height:30px";