में बूटस्ट्रैप चेकबॉक्स और रेडियो बटन लेबल समस्या मुझे कुछ बूटस्ट्रैप इनलाइन चेकबॉक्स और रेडियो बटन लेबल के साथ कोई समस्या है, लेकिन केवल क्रोम के कुछ उदाहरणों में। जिस वेबसाइट पर मैं काम कर रहा हूं वह www.bostonsparkling.com है।Google क्रोम
यहाँ इच्छित व्यवहार की एक screencap है, और क्या यह निम्नलिखित वातावरण में दिखाई देता है: अपने iPhone
- सफारी
- मेरे दोस्त के मैक पर Google क्रोम
- मेरे मित्र के पीसी पर Google क्रोम
Correct Label Behavior: No Word Wrap
निम्नलिखित टूटा व्यवहार का एक screencap है, जो निम्नलिखित वातावरण में प्रकट होता है: मेरे पीसी पर अपने मैक
- गूगल क्रोम
Incorrect Label Behavior: Unnecessary Word Wrap
यह चेकबॉक्स और रेडियो बटन लेबल जैसा दिखता है पाठ अनावश्यक रूप से लपेट रहा है, लेकिन केवल क्रोम के कुछ उदाहरणों में। यहां कुछ प्रासंगिक समस्या निवारण जानकारी है ...
- खराब व्यवहार हमेशा मौजूद नहीं रहा है - यह एक हफ्ते पहले मेरे ऊपर फंस गया था और मैं केवल अपमानजनक परिवर्तन को अलग नहीं कर सका।
- मेरे मैक और मेरे पीसी के बीच एक ही कमरे में शारीरिक रूप से स्थित होने के अलावा, खराब व्यवहार का प्रदर्शन करने के बीच कोई संबंध नहीं है।
- मैंने अपने Google खाते को क्रोम से दोनों मशीनों पर डिस्कनेक्ट करने और मेरे सभी एक्सटेंशन को अक्षम करने का प्रयास किया, यह सोचकर कि एक्सटेंशन के साथ कुछ विशेष मामला लेआउट खराब कर रहा था, लेकिन कोई पासा नहीं था।
तो मैं दो बातें सोच रहा हूँ ...
किसी और दूसरी छवि में बुरा व्यवहार का सामना कर रहा है या यह सिर्फ मुझे है?
मैं कहां खराब हुआ?
index.html से ...
<form class="form-horizontal" id="estimate" action="#estimate" method="post"> ... <!-- Room Input --> <div class="control-group"> <label class="control-label">Which rooms need cleaning?</label> <div class="controls"> <!-- Multiple Checkboxes --> <label class="checkbox inline"> <input type="checkbox" name="kitchen" value="Yes"> Kitchen </label> <label class="checkbox inline"> <input type="checkbox" name="dining" value="Yes"> Dining Room </label> <label class="checkbox inline"> <input type="checkbox" name="living" value="Yes"> Living Room </label> <label class="checkbox inline"> <input type="checkbox" name="family" value="Yes"> Family Room </label> <label class="checkbox inline"> <input type="checkbox" name="office" value="Yes"> Office or Study </label> </div> </div>प्रपत्र से संबंधित सीएसएस ...
/* Flip the margins and padding on inline checkboxes and radios */ .checkbox.inline, .checkbox.inline + .checkbox.inline, .radio.inline, .radio.inline + .radio.inline { margin-left: 0 !important; margin-right: 15px !important; padding-top: 0 !important; padding-bottom: 5px !important; } /* Less vertical padding between form elements */ .form-horizontal .control-group { margin-bottom: 10px; /* instead of 20px */ }मुझे जानते हैं:
यहाँ कुछ प्रासंगिक कोड के टुकड़े कर रहे हैं अगर आपको किसी और चीज की ज़रूरत है, अगर मैंने कोई पोस्टिंग नियम तोड़ दिया है, या मेरा कोड बेकार है, हे - यह एक दशक की तरह मेरी पहली वेबसाइट है।मैं मदद की सराहना करता हूं!
पीएस मैं छवियों को एम्बेड नहीं कर सकता या 3 से अधिक हाइपरलिंक्स पोस्ट नहीं कर सकता हूं - इसके बारे में खेद है। : [
ओह स्नैप! हाँ, यह बिल्कुल वैसा ही दिखता है जैसा मैं देख रहा था। मेरे पास क्रोम के अंत में यह एक झुकाव था - सिर के लिए धन्यवाद। – calbar