Html 输入非常小的引导程序
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/17728494/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Input very small bootstrap
提问by mpgn
I use bootstrap and when i try to place an input i have this :
我使用引导程序，当我尝试放置输入时，我有这个：
A very small input...
一个非常小的输入...
<!-- 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>
回答by framauro13
In bootstrap, you can add classes to increase the length of the input control. For example, input-large, input-xlarge, input-xsmall, etc... You can also use input-block-levelto have the input fill the width of the containing div.
在引导程序中，您可以添加类来增加输入控件的长度。例如，input-large, input-xlarge,input-xsmall等...您还可以使用input-block-level让输入填充包含 div 的宽度。
You can see here for more details regarding form control styling:
您可以在此处查看有关表单控件样式的更多详细信息：
http://twitter.github.io/bootstrap/base-css.html#forms
http://twitter.github.io/bootstrap/base-css.html#forms
Also, make sure you have your doctype specified as HTML5 using <!DOCTYPE HTML>and the meta tag is properly set, such as <meta name="viewport" content="width=device-width, initial-scale=1.0">. While I have not had any issues with this, I've read that bootstrap can have some issues if these are not properly defined.
此外，请确保您的 doctype 指定为 HTML5 using<!DOCTYPE HTML>并且元标记已正确设置，例如<meta name="viewport" content="width=device-width, initial-scale=1.0">. 虽然我没有遇到任何问题，但我读过如果这些没有正确定义，引导程序可能会出现一些问题。
Good luck!
祝你好运！
