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 に答える