ブートストラップで最小幅と最大幅を設定する方法

私は、最初の幅が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>

EDIT：

出典

2016-07-13 user1614862

を試してみてください？ –

これを試してくださいid-of-div {width：100％; } – AmanKumar

複雑ではないので、CSSを自分で追加することをおすすめします。このように：width：auto;分 - 幅：20％;最大幅：33％; – Maharkus

に

col-md-2 col-md-4

はあなたには、いくつかのJavaScriptやjQueryのを使用して大丈夫でしょうhttps://jsfiddle.net/6penznju/3/

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

出典

2016-07-13 12:24:39

JavaScript？ – user1614862

まあ、

ドキュメントをunderstundingしよう：あなたはhttp://getbootstrap.com/css/#grid-options

私はから、試してみますケース：

col-md-2 col-lg-1

出典

2016-07-13 12:06:51 user3173022

提案は機能していません。私の編集を見てください。私は、ユーザが入力したタグの数に基づいて、セクション行のブートストラップdiv内の1つの入力フィールドに対してtagsinputを持っています。隣接するカラムを移動することによってある程度まで幅を広げたいです。 – user1614862

ブートストラップで最小幅と最大幅を設定する方法

答えて

関連する問題