bootstrap css选择不同的宽度

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

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

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

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

.input-mini {

  width: 60px;

}

.input-small {

  width: 90px;

}

.input-medium {

  width: 150px;

}

.input-large {

  width: 210px;

}

.input-xlarge {

  width: 270px;

}

.input-xxlarge {

  width: 530px;

}