6

私がやりたいのは、単純なフォームをポップオーバーに配置することです。ポップオーバーは正常に機能していましたが、フォームをポップオーバー内に配置すると機能しません。

ここに私の出力があります

ここに画像の説明を入力

ここに私のコードがあります

<a href="#" class="btn" rel="popover" data-placement="bottom" data-content="
<form class='form-horizontal'>
<div class='control-group'>
<label class='control-label' for='inputEmail'>Start Date</label>
<div class='controls'>

<input type='text' class='span3 ' name='start_date' id='start_date' placeholder='News Date' value='<?php echo date('d-m-Y'); ?>' >
</div>
</div>
<div class='control-group'>
<label class='control-label' for='inputEmail'>End Date</label>
<div class='controls'>
<input type='text' id='end_date' name='end_date' placeholder='End Date' class='input-xlarge uneditable-input'>
</div>
</div>
</form>" title="Popover on bottom">         
</a>

これは、ブートストラップ ポップオーバー内にフォームを含むこのようなことを教えてくれた URL です。

私のブートストラップのバージョンは 2.2.2 でした。問題を解決する方法はありますか? ありがとう

4

2 に答える 2

8

ポップオーバーを含むタグにdata-html="true"設定できます<a>

于 2012-12-16T13:55:25.477 に答える