bootstrap css选择不同的宽度

刚开始使用bootstrap css开源项目。遇到一个问题，默认的input 宽度太大，需要找小一点的。

其实只需要在input tag中选用预定义的较小的宽度即可。比如:

<input type="number" class="input-small"></input>

input-small是预定义的一种类别，在bootstrap.css文件中有一组这样的类别:

.input-mini {
   60px;
}

.input-small {
   90px;
}

.input-medium {
   150px;
}

.input-large {
   210px;
}

.input-xlarge {
   270px;
}

.input-xxlarge {
   530px;
}