【问题标题】:Input very small bootstrap [closed]输入非常小的引导程序[关闭]
【发布时间】:2013-07-19 00:10:59
【问题描述】:

我使用引导程序,当我尝试放置输入时,我有这个:

一个非常小的输入...

<!-- 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 的大小吗?只需使用&lt;input type="text" size="50" /&gt;
  • @smhnaji size="50" 没有任何改变

标签: html twitter-bootstrap input modal-dialog


【解决方案1】:

在引导程序中,您可以添加类来增加输入控件的长度。例如,input-largeinput-xlargeinput-xsmall 等...您还可以使用input-block-level 让输入填充包含 div 的宽度。

您可以在此处查看有关表单控件样式的更多详细信息:

http://twitter.github.io/bootstrap/base-css.html#forms

另外,请确保您使用&lt;!DOCTYPE HTML&gt; 将您的文档类型指定为HTML5,并且元标记已正确设置,例如&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;。虽然我对此没有任何问题,但我了解到如果未正确定义引导程序可能会出现一些问题。

祝你好运!

【讨论】:

  • 输入块级救救我!谢谢 :)
  • 没问题。很高兴它成功了!
  • 我无法让它为 bootstrap 3.x 工作?
猜你喜欢
  • 2012-09-04
  • 1970-01-01
  • 1970-01-01
  • 2016-09-28
  • 1970-01-01
  • 2021-09-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多