输入非常小的引导程序
mpg*_*pgn 2 html input modal-dialog twitter-bootstrap
我使用bootstrap,当我尝试输入时,我有这个:
一个非常小的输入......
<!-- FILTRE 2em partie-->
<div id="filtre2" class="modal hide fade row-fluid" tabindex="-1" role="dialog" aria-labelledby="filtre2" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="filtre2">Paramétre du filtre générique (2/2)</h3>
</div>
<div class="modal-body" class="form-horizontal" >
<div class="rep"></div>
<p>Lorsqu'un message correspondant à cette recherche arrive :</p>
<em>Spécifier le sous-dossier dans lequel le mail doit être envoyé : </em>
<input type="text" name="repertory" id="repertory"/>
<!--<p><input type="checkbox" name="spam" id="checksuppr" value="spam"/> Supprimer le message</p>-->
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Fermer</button>
<button class="btn btn-primary" type="submit" id="creespam">Créer filtre</button>
</div>
</div>
在引导程序中,您可以添加类以增加输入控件的长度.例如input-large,input-xlarge,input-xsmall等...您还可以使用input-block-level具有输入填写包含div的宽度.
您可以在此处查看有关表单控件样式的更多详细信息:
http://twitter.github.io/bootstrap/base-css.html#forms
另外,请确保将您的doctype指定为HTML5使用,<!DOCTYPE HTML>并正确设置元标记,例如<meta name="viewport" content="width=device-width, initial-scale=1.0">.虽然我没有遇到任何问题,但我已经读过如果没有正确定义引导程序可能会遇到一些问题.
祝好运!