Question

我正在使用表单管理器在wordpress中的Twitter的Bootstrap主题中为我的网站制作表单。我的问题是我用这种方式制作的evry形式，当我在页面上显示它时，它无法响应我应该做些什么来使其响应？

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

<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">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</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>

Answer 1

我会使用＆＃34;联系表格7＆＃34;插件，然后你需要像这样设置样式（液体响应形式）

<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类，整个表单需要在一个div里面，类是＃34; row-fluid＆＃34;

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

表格没有回应

1 个答案: