0

我使用表单管理器在 wordpress 的 Twitter 的 Bootstrap 主题中为我的网站制作表单。我的问题是我用这个制作的每一个表格，当我在页面上显示它时它没有响应我应该怎么做才能让它响应？

这是我在页面上显示表单的方式：

<div id="myCarousel" class="carousel slide img-rounded">
<div class="carousel-inner">
<div class="active item"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/GRAAVAA01.jpg" /></div>
<div class="item"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/GRAAVAA02.jpg" /></div>
<div class="item"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/GRAAVAA03.jpg" /></div>
<div class="item"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/GRAAVAA04.jpg" /></div>
<div class="item"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/GRAAVAA05.jpg" /></div>
<div class="item"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/GRAAVAA06.jpg" /></div>
</div>
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹&lt;/a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›&lt;/a>
</div>
<ul class="thumbnails">
    <li class="span3"><a href="#"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/stoneOfMonth.png" /></a></li>
    <li class="span3"><a href="#"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/newArrivals.png" /></a></li>
    <li class="span3"><a href="http://graavaa.com/wp/downloads/"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/download.png" /></a></li>
    <li class="span3"><a href="http://graavaa.com/wp/contact-us/"><img src="http://graavaa.com/wp/wp-content/uploads/2013/03/locateUs.png" /></a><br/>
<div class="hidden-phone">[form form-1]</div>
</li>
</ul>
4

1 回答 1

0

我会使用“Contact Form 7”插件，然后您需要像这样设置表单样式（液体响应表单）

<div class="container">
<div class="row">
    <div class="span12">
        <div class="row-fluid">
            <ul>
                <li>[form shortcode 1 class:span12]</li>
                <li>[form shortcode 2 class:span12]</li>
                <li>[form shortcode 3 class:span12]</li>
                <li>[form shortcode 4 class:span12]</li>
            </ul>
        </div>
    </div>
</div>

您需要为表单字段提供一个 span12 类，并且整个表单需要在一个具有“row-fluid”类的 div 内

如果您只想在移动设备上隐藏表单，那么您拥有的代码是正确的！仔细检查您是否拥有所有响应式 JS/CSS 引导文件，还要在移动设备而不是桌面上对其进行测试。

于 2013-03-15T11:21:12.813 回答