Mailchimp Bootstrap

index.html

    <!-- Begin MailChimp Signup Form -->
    <div id="mc_embed_signup">

    <form action="#PUT-IN-URL" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-inline" target="_blank" novalidate>
        <div id="mc_embed_signup_scroll">
          <div class="mc-field-group form-group">
              <label for="mce-FNAME" class="sr-only">First Name </label>
              <input type="text" value="" name="FNAME" class="form-control" id="mce-FNAME" placeholder="First Name">
          </div>
          <div class="mc-field-group form-group">
              <label for="mce-LNAME" class="sr-only">Last Name </label>
              <input type="text" value="" name="LNAME" class="form-control" id="mce-LNAME" placeholder="Last Name">
          </div>
          <div class="mc-field-group form-group">
              <label for="mce-EMAIL" class="sr-only">Email Address </label>
              <input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL" placeholder="Email">
          </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_80eaa86e948880d8e05720a98_a489708aef" tabindex="-1" value=""></div>
        <div class="form-group"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary"></div>
        </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>
    </form>
    </div>
    <!--End mc_embed_signup-->

mailchimp-bootstrap.markdown

Mailchimp Bootstrap

Inline signup form for Mailchimp lists that uses Bootstrap style classes.

A Pen by Nate Steiner on CodePen.

License.

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

style.css

/* bootstrap 3 called in */

styles

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />