Mailchimpp 인라인 반응 형

Question

나는 인라인 형식으로 부트 스트랩 3을 기반으로하는 wordpress 테마로 embailing mailchimp 형식을보고 있습니다.

양식 인라인 클래스를 사용해 보았지만 나머지 웹 사이트처럼 응답 할 수있는 양식을 얻지 못했습니다.

누군가가 도와 줄 수 있습니까?

내 코드 : 당신의 CSS 파일에 다음과 같은 추가

<form class="form-inline col-md-8 col-sm-8 col-xs-12"> 
      <!-- Begin MailChimp Signup Form --> 
       <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> 
       <div id="mc_embed_signup"> 
       <form action="//myusername.us4.list-manage.com/subscribe/post?u=696bfb5fa3805b0c57f648cfe&amp;id=91164a5f77" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 
        <div id="mc_embed_signup_scroll"> 

       <!-- <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> --> 
       <div class="mc-field-group"> 
        <label class="sr-only" for="mce-NAME">Your name</label> 
        <input type="text" value="" name="NAME" class="required" id="mce-NAME" placeholder="Your name"> 
       </div> 
       <div class="mc-field-group"> 
        <label class="sr-only" for="mce-EMAIL">Email Address</label> 
        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Your best email"> 
       </div> 
        <div id="mce-responses" class="clear"> 
         <div class="response" id="mce-error-response" style="display:none"></div> 
         <div class="response" id="mce-success-response" style="display:none"></div> 
        </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
        <div style="position: absolute; left: -5000px;"><input type="text" name="b_696bfb5fa3805b0c57f648cfe_91164a5f77" tabindex="-1" value=""></div> 
        <button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-default">Yes, I want My Ex Back!</button> 
        </div> 
       </form> 
       </div> 

      <!--End mc_embed_signup--> 
     </form> 

Answer 1

보십시오.

.form-inline{width:100%} 
    .form-inline input{width:100%;border:1px solid #000;padding:.5em 1em}