如何在 Twitter 引导程序页面中居中放置 mailchimp 嵌入表单? [英] How do I center a mailchimp embed form in a twitter bootstrap page?

问题描述

这是嵌入代码.

 <link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"><style type="text/css">#mc_embed_signup{背景:#fff;清除:左；字体:14px Helvetica、Arial、sans-serif；}/* 在您的站点样式表或此样式块中添加您自己的 MailChimp 表单样式覆盖.我们建议将此块和前面的 CSS 链接移动到 HTML 文件的 HEAD.*/</风格><div id="mc_embed_signup"><form action="http://unityi.us2.list-manage.com/subscribe/post?u=a93bfac69d884f15e416661bb&amp;id=4618e101c1" method="post" id="mc-embedded-subscribe-form"name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate><input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required><div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div></表单>

<!--End mc_embed_signup-->

解决方案

你可以只添加中心标签吗?我已经试过了，它有效.简单的答案:)

<!-- 在此处添加-->**<中心>**<div id="mc_embed_signup"><form action="http://unityi.us2.list-manage.com/subscribe/post?u=a93bfac69d884f15e416661bb&amp;id=4618e101c1" method="post" id="mc-embedded-subscribe-form"name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate><input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required><div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div></表单>

<!-- 并在此处关闭-->**</中心>**<!--End mc_embed_signup-->

Here is the embed code.

     <!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="http://unityi.us2.list-manage.com/subscribe/post?u=a93bfac69d884f15e416661bb&amp;id=4618e101c1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>

<!--End mc_embed_signup-->

解决方案

You could just add center tags? I have tried it and it works. Simple answer :)

</style>

<!-- ADD HERE -->
**<center>**

<div id="mc_embed_signup">
<form action="http://unityi.us2.list-manage.com/subscribe/post?   u=a93bfac69d884f15e416661bb&amp;id=4618e101c1" method="post" id="mc-embedded-subscribe- form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>

<!-- AND CLOSE HERE -->
**</center>**

<!--End mc_embed_signup-->

这篇关于如何在 Twitter 引导程序页面中居中放置 mailchimp 嵌入表单?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！