ブートストラップラベルの囲みチェックボックスと入力

Question

テキスト入力とインラインであるチェックボックスを持つフォームを作成しています。ここで私はそれがブートストラップと素敵に見えるようにするためにやったことだ：

<label class="checkbox"> 
    <input type="checkbox" name="keywords" value="__option__"> 
    <input type="text" name="keywords_other_option" value="" placeholder="Other"> 
</label> 

それはよさそうだが、それはうまく機能しません。 Firefoxでは、ユーザーはテキストボックスに入力することはできません。チェックボックスとテキスト入力を相互にインラインで配置するには、適切なブートストラップ方法がありますか？

Answer 1

label要素の中に2つのinput要素を入れないでください。ここ

そして、この解決するために、Twitterのブートストラップの方法である：ここで

<form class="form-inline"> 
    <label class="checkbox"> 
    <input type="checkbox" name="keywords" value="__option__"> 
    </label> 
    <input type="text" name="keywords_other_option" value="" placeholder="Other"> 
</form> 

はDEMOです。

official documentationより多くの例を見てください。