Question

我正在寻找将mailchimp表单嵌入到基于bootstrap 3作为内联表单的wordpress主题中。

我尝试使用form-inline类但不能让表单在网站的其他部分做出响应。

有人可以帮我这个吗？

我的代码：

<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

尝试将以下内容添加到CSS文件中。

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

Mailchimp内联响应形式

1 个答案: