如何在bootstrap中设置最小和最大宽度

Question

我有输入字段，其初始宽度为col-md-2，并且根据用户输入长度，它应该最大增加到col-md-4。我该怎么办？

<div class="section row">
 <div class="col-md-2 " id="">
     <div class="section"></div>
 </div>
  <div class="col-md-2 col-md-4" id="">
     <div class="section"></div>
 </div>

修改

Answer 1

那么，

尝试低估文档：http://getbootstrap.com/css/#grid-options

在你的情况下，我会尝试，来自：

col-md-2 col-md-4

到

col-md-2 col-lg-1

Answer 2

尝试https://jsfiddle.net/6penznju/3/

function changeColumn() {   document.getElementById("change").className = "col-md-4";