बूटस्ट्रैप लेबल आसपास के चेकबॉक्स और इनपुट

Question

मैं एक ऐसा फॉर्म बना रहा हूं जिसमें टेक्स्ट इनपुट के साथ इनबॉक्स है। बूटस्ट्रैप के साथ इसे अच्छा बनाने के लिए मैंने यह किया है:

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

यह अच्छा लग रहा है, लेकिन यह अच्छी तरह से काम नहीं करता है। फ़ायरफ़ॉक्स में, उपयोगकर्ता टेक्स्टबॉक्स में टाइप नहीं कर सकता है। क्या एक दूसरे के साथ चेकबॉक्स और टेक्स्ट इनपुट इनलाइन डालने के लिए कोई अच्छा बूटस्ट्रैप तरीका है?

Answer 1

एक तत्व के अंदर दो input तत्वों को न डालें।

<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 से और उदाहरण देखें।