HTML＆Bootstrap /小宽度输入

我想在我的HTML文件中创建一个小输入。HTML＆Bootstrap /小宽度输入

下面是相关代码：

<input type="number" id="inputNum" class="input-group" placeholder="number" value="1"> <br />

其使用引导库

。

问题是我的输入很宽。我希望我的输入具有〜10％的宽度（只有一个数字可以在此字段中被接受，并且我需要它很小）。

我该如何做到这一点？

来源

2014-11-25 Or Smith

查看CSS属性'width'或'max-width'。 – hon2a 2014-11-25 13:27:50

你首先需要做的容器或行例如：

<div class="row"> 
    <div class='col-sm-5'> 
     <input type="text" class='form-control ' ></input> 
    </div> 
</div>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="container"> 
 
\t  <div class="row"> 
 
\t   <div class='col-sm-3'> 
 
\t    <input type="text" class='form-control '> 
 
\t   </div> 
 
\t \t </div> 
 
</div>

查看全屏的例子！

来源

2014-11-25 13:48:21

如果您仍然使用引导程序2，则需要将span2或任何“数字”添加到类中 - > class ='span5' – 2014-11-25 13:50:05

<div class="col-md-1"> 

<input type="number" id="inputNum" class="input-group" placeholder="number" value="1"> </br> 

</div>

来源

2014-11-25 13:15:58 Jon

输入仍然是相同的大小 – 2014-11-25 13:23:25

尝试添加宽度：10％ – Jon 2014-11-25 13:33:53

HTML＆Bootstrap /小宽度输入

回答

相关问题