2013-07-18 24 views
2

我使用的引導,當我嘗試把輸入我有這樣的:輸入非常小的引導

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> 
+0

你的問題是什麼?想要增加「輸入」的大小?只需使用'' –

+0

@smhnaji size =「50」不改變任何東西 – mpgn

回答

9

在引導,你可以添加類以增加輸入控件的長度。例如,input-large,input-xlarge,input-xsmall等...您也可以使用input-block-level來使輸入填充包含div的寬度。

你可以在這裏看到關於表單控件樣式的詳細信息:

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

此外,還要確保你有作爲HTML5使用<!DOCTYPE HTML>和meta標籤設置正確,如<meta name="viewport" content="width=device-width, initial-scale=1.0">指定您的文檔類型。雖然我對此沒有任何問題,但我已經讀過,引導程序可能會有一些問題,如果這些問題沒有正確定義。

祝你好運!

+1

輸入塊級別救救我吧! thx :) – mpgn

+0

沒問題。很高興工作! – framauro13

+0

我不能讓它爲bootstrap 3.x工作? – Volatil3