ट्विटर के बूटस्ट्रैप से ड्रॉपडाउन तीर कैसे बनाएं?

मैं थोड़ी देर के लिए ट्विटर बूटस्ट्रैप की जांच/उपयोग कर रहा हूं। मुझे पसंद है कि उन्होंने क्या किया है, लेकिन इससे भी ज्यादा, मुझे समझना पसंद है कि मैं क्या करता हूं।ट्विटर के बूटस्ट्रैप से ड्रॉपडाउन तीर कैसे बनाएं?

क्रोम के इंस्पेक्टर के साथ ड्रॉपडाउन तीर का निरीक्षण करने के बाद, ऐसा लगता है कि यह वास्तव में ↓ HTML इकाई है। मैं इसे पुन: पेश करने की कोशिश कर रहा हूं लेकिन बिना किसी सफलता के। मुझे एक बदसूरत तीर मिल रहा है और सरल त्रिभुज नहीं है।

इसे पुन: पेश करने के लिए उपयोग करने के लिए न्यूनतम सीएसएस गुण क्या हैं?

पीएस: jsFiddle का एक लिंक इसे पुन: उत्पन्न करने का प्रयास कर रहा है।

स्रोत

2011-12-29 i.am.michiel

क्या आप मुझे बता सकते हैं कि आप किस तीर को देख रहे हैं। पृष्ठ का एक लिंक बहुत अच्छा होगा। – Sum

हाँ, निश्चित रूप से, इसे पहले स्थान पर करना चाहिए था: http://twitter.github.com/bootstrap/#navigation –

यहां एक working example है।

आप अतिरिक्त ↓ अपने HTML में की जरूरत नहीं है और border-colorwhite था, यह अपने बहुत मानव आंखों के लिए एक सफेद पृष्ठभूमि पर अदृश्य बना रही है।

स्रोत

2011-12-29 02:19:12

यह शुरुआत के बाद से था ...: पी बहुत बहुत धन्यवाद! –

कोई समस्या नहीं है। मदद करने में खुशी हुई! –

पहले डिफ़ॉल्ट ब्राउज़र शैलियों से बचें। फिर अपने आप का उपयोग करें। उदाहरण के तौर पर:

select{ 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 

    height: 60px; 
    border: 1px solid #ccc; 
    padding: 0 0 0 20px; 
    font-size: 18px; 
    font-weight: 300; 
    border-radius: 0; 
    color: #999; 
    letter-spacing: 1px; 
    background: url("../img/[email protected]") calc(100% - 10px) 24px #fff no-repeat; 
    cursor: pointer; 
}

स्रोत

2015-10-21 19:48:30 aUXcoder

ट्विटर के बूटस्ट्रैप से ड्रॉपडाउन तीर कैसे बनाएं?

उत्तर

संबंधित मुद्दे