Div as Radio HTML5 CSS Bootstrap 3

Question

私はブートストラップ3でラジオボタンをdivとして使用しようとしています。結果は次のようになります：ユーザがdivタグをクリックするとdivタグ全体が強調表示されます。あなたの質問は完全には明らかではないので、私は少しを推定する必要がある場合がありhttp://codepen.io/parthshah000/pen/pyRMdQ

<div class="row"> 
<div class="col-sm-3"> 
    <a href=""> 
     <img class="img-circle" src=" http://placehold.it/42x42" alt="" /> 
     <span>Title</span> 
     <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 
    </a> 
</div> 
<div class="col-sm-3"> 
    <a href=""> 
     <img class="img-circle" src=" http://placehold.it/42x42" alt="" /> 
     <span>Title</span> 
     <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 
    </a> 
</div> 
<div class="col-sm-3"> 
    <a href=""> 
     <img class="img-circle" src=" http://placehold.it/42x42" alt="" /> 
     <span>Title</span> 
     <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 
    </a> 
</div> 
<div class="col-sm-3"> 
    <a href=""> 
     <img class="img-circle" src=" http://placehold.it/42x42" alt="" /> 
     <span>Title</span> 
     <input type="radio" name="inlineRadioOptions" id="inlineRadio4" value="option4"> 
    </a> 
</div> 

Answer 1

ちょうど<label>のためのあなたの<a>タグを交換し、それらにcursor: pointerを与える：

は、ここでは、で取得しようとしているものを私は信じているとあなたのcodepenに編集します。 投稿：http://codepen.io/anon/pen/LNxwXR

Answer 2

：ここ はcodepenリンクです。

あなたは<label ...>であなたの入力をラップし、アンカー（<a>）タグを削除し、その後、特にdiv内の任意の場所をクリックし、その中のラジオボタンをアクティブにするために探している場合。これは、これらのラジオボタンをどこかにリンクさせたくないと想定していますが、やはり意図は非常に不明です。

一般的に、divは、見た目と動作を定義するためのブランクキャンバスであるhtml要素です。アンカータグは、DOM上の機能に非常に特殊な役割を持っています。 http://codepen.io/anon/pen/MyJNPd