如何使重力形式响应(左/右)？

Question

我正在使用Gravity Forms WordPress Form插件.

它们提供CSS类,我使用gf_left_half和gf_right_half使字段在同一行左右对齐.

当您在窗口中拖动时,如何让它们叠加到顶部/底部(响应/移动视图)？

我的表格:http://goo.gl/sDWLO

Answer 1

如果你的主题是响应式的,你很可能有一个自定义的css文件,如果你不能使用这个代码,只需在@media部分声明所有的响应式类defs.

@media only screen and (min-width: 200px) and (max-width: 768px) {

  .gform_wrapper .gform_body .top_label li.gfield.gf_right_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  } 

  .gform_wrapper .gform_body .top_label li.gfield.gf_left_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  }

}