ट्विटर बूटस्ट्रैप फॉर्म फ़ील्ड बहुत छोटे

Question

मुझे पता है कि यह विषय "आवाज" है जो वहां मौजूद हैं, लेकिन मैंने सभी मौजूदा धागे (अच्छी तरह से "सबसे ज्यादा") को देखा है और मुझे अभी भी एक समस्या है जिसका मैं उपयोग कर सकता हूं पर मदद ...

समस्या क्या दूसरों का वर्णन किया है करने के लिए बहुत भिन्न नहीं है:

• कुछ फार्म तत्वों अपनी पूरी खड़ी ऊंचाई
• अधिकांश इन लोगों के बीच उल्लेखनीय प्रदर्शन नहीं करते इनपुट प्रकार है बटन के बगल में बैठे समय आकार में एनीमिक दिखता है "एड-ऑन" कक्षा
• हाल ही में मैंने एक और अधिक गंभीर समस्या देखी है ... रेडियो बटन "रेडियो डॉट्स" बन जाते हैं क्योंकि वे बहुत छोटे होते हैं, वे शायद ही दिखाई दे रहे हैं।

अब लोगों की एक बहुत यह सुनिश्चित करते हुए उनकी समस्या हल वे सही ढंग से DOCTYPE निर्दिष्ट अपने HTML दस्तावेज़ के शीर्ष पर। मैंने यह भी पाया कि इस सरल समायोजन ने मेरे स्थिर एचटीएमएल मॉक-अप पर चाल की है। अफसोस की बात है कि जब मैंने वर्डप्रेस पर स्विच किया तो समस्या फिर से दिखाई दी और फिर भी मैं आउटपुट के शीर्ष पर HTML 5 DOCTYPE हस्ताक्षर को निश्चित रूप से डाल रहा हूं (मैंने इसे "दृश्य स्रोत" के साथ कई बार जांच लिया है क्योंकि मैंने सोचा था कि शायद मैं अपना खो दूंगा मन)।

मैंने स्क्रीन पर एक त्वरित स्नैपशॉट शामिल किया है यदि इससे इस पर कोई प्रकाश डालने में मदद मिलती है। आप इसे यहां पा सकते हैं: http://www.flickr.com/photos/14261777@N00/6957941282/। रेडियो बटन होने के लिए नीचे दिए गए छोटे छोटे बिंदुओं पर ध्यान दें। अधिक स्पष्ट हैं INPUT फ़ील्ड जो काफी लंबा नहीं हैं। ओह, और पूर्णता के लिए, यहां एक HTML स्क्रीन स्रोत शुरू होता है: http://www.flickr.com/photos/14261777@N00/6957952802/।

मुझे किसी ऐसे व्यक्ति से सुनना अच्छा लगेगा जिस पर यह हो सकता है कि यह क्यों हो रहा है और कोई भी कामकाज मौजूद हो सकता है (भले ही समाधान का स्रोत अज्ञात हो)। मैंने लाइन-ऊंचाई, ऊंचाई, न्यूनतम ऊंचाई इत्यादि जैसे शून्य गुणों के साथ सीएसएस विशेषताओं को लागू करने का प्रयास किया है।

Answer 1

ऐसा लगता है कि आपको दो समस्याएं हैं। input type=text समस्या और radio बटन समस्या। अपना कोड देखे बिना, ऐसा लगता है कि आपकी टेक्स्टबॉक्स समस्या DOCTYPE से संबंधित है और आपकी रेडियो बटन समस्या ओवरराइडिंग सीएसएस शैलियों से संबंधित है (यदि आप रेडियो बटन के लिए इंस्पेक्टर आउटपुट पोस्ट करते हैं तो पुष्टि कर सकते हैं)।

यदि आपके चर सही मान (उदाहरण के लिए 18 पीएक्स ऊंचाई) के रूप में दिखाए जा रहे हैं, तो वे निश्चित रूप से DOCTYPE समस्या है।

एक सूची के अलावा पर this article से

:

आप सभी सही सामान किया है, लेकिन आपकी साइट देखने के लिए या काम नहीं कर रहा है नवीनतम ब्राउज़रों में यह होना चाहिए के रूप में।

आपने वैध एक्सएचटीएमएल और सीएसएस लिखा है। डायनामिक पेज तत्वों में हेरफेर करने के लिए आपने डब्ल्यू 3 सी मानक दस्तावेज़ ऑब्जेक्ट मॉडल (डीओएम) का उपयोग किया है। फिर भी, इन मानकों का समर्थन करने के लिए डिज़ाइन किए गए ब्राउज़र में , आपकी साइट विफल रही है। एक दोषपूर्ण डॉक्टरेट को दोषी ठहराया जा सकता है।

यह छोटा लेख आपको काम करने वाले DOCTYPEs प्रदान करेगा, और व्यावहारिक, इन प्रतीत होता है कि अमूर्त टैग के वास्तविक-दुनिया प्रभाव को समझाएं।

यहाँ प्रति W3C के रूप में doctypes की सिफारिश की सूची दी गई है:

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Answer 2

अगर कोई रुचि है, यहाँ है कि मैं क्या समस्या को ठीक करने कहा:

input, input[type="text"], input[type="radio"], isindex, .uneditable-input { 
    padding: 4px; 
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: #CCC; 
    border-left-width: 1px; 
    border-left-style: solid; 
    border-left-color: #CCC; 
    border-right-width: 1px; 
    border-right-style: solid; 
    border-right-color: #CCC; 
    border-top-width: 1px; 
    border-top-style: solid; 
    border-top-color: #CCC; 
    border-top-left-radius: 3px; 
    border-top-right-radius: 3px; 
    border-bottom-left-radius: 3px; 
    border-bottom-right-radius: 3px; 
} 

.input-append .add-on, .input-append .btn { 
    margin-left: -6px; 
} 

input[type=checkbox] { 
     -webkit-appearance: checkbox; 
}