2016-04-22 14 views
0

私は剃刀の中でHTML/Bootstrapを使用している問題があります。ASP MVCのチェックボックスがクロムでクリックできない

私は書式設定のためにブートストラップ行/ col divを使用しています。私はdiv class="col-md-2"内のチェックボックスを入れると、チェックボックスは、Google Chromeの内部にクリック可能ではありません。しかし、それはIEで動作しません。

div class="col-md-2"を削除すると、チェックボックスがクリック可能になります。

プロジェクトでは、Visual Studioによって作成されたデフォルトのSite.cssbootstrap.cssが使用されています。

出典:Bootstrapのウェブサイト上で

<div class="row"> 
    <div class="col-md-2"><input type="checkbox" id="checkall" value="checkall"><span>Check All</span></div> 
    <div class="col-md-12"><input id="btnAdd" type="button" class="btn btn-secondary-outline" value="+" onclick="AddParamAll();" /></div> 
</div> 
+0

、彼らは**ブートストラップが応答、モバイル第一流体グリッドシステムを含んでいると言うグリッドシステムの例を提供する場合あなたの例では、 'btnAdd'は' col-md-12'とcolの最大量を持っています。あなたが 'btnAdd '' COL-MD-10 'へと 'COL-MD-10'としてのチェックボックスを保ちましたか? [CodePen](http://codepen.io/anon/pen/LNBQyN) –

+0

あなたのおかげで、それを修正しました – user1505192

+0

私は自分の答えを追加しました。回答されています。ありがとう。 –

答えて

1

、彼らはブートストラップが適切にデバイスとして12列までスケール応答、モバイル第一流体グリッドシステムを含んでいると言うグリッドシステムの例を提供またはビューポートのサイズが増える ...あなたの例では、btnAddにはcol-md-12の最大値があります。btnAddcol-md-10に設定し、チェックボックスをcol-md-10にした場合はどうなりますか? [ブートストラップ](http://getbootstrap.com/css/)のウェブサイトで

CodePen

関連する問題