बूटस्ट्रैप एक ड्रॉपडाउन कैरट

Question

http://i.imgur.com/gvNOQ7p.png

जोड़ने जैसा कि ऊपर संकेत दिया है, मैं "ड्रॉप-डाउन-कैरट" (छवि में हरी परिक्रमा) के साथ एक ड्रॉपडाउन मेनू बनाने के लिए सीखना चाहते हैं। मैंने ट्विटर का स्रोत देखा और ऐसा लगता है कि उनके पास <li class="dropdown-caret"></li> है, लेकिन मैं बूटस्ट्रैप का उपयोग करके इसे उत्पन्न नहीं कर सका। क्या यह बूटस्ट्रैप में शामिल नहीं है, या क्या मैं इसे गलत तरीके से कर रहा हूं?

इसके अतिरिक्त, मैं डिफ़ॉल्ट दाएं स्थान के बजाय ड्रॉपडाउन मेनू को कैसे बाधित कर सकता हूं? जैसा कि छवि में दिखाया गया है, ड्रॉपडाउन मेनू बाईं ओर गठबंधन है।

Answer 1

ट्विटर बूटस्ट्रैप डिफ़ॉल्ट रूप से कैरेट जोड़ता है यदि आप नेविगेशन बार के भीतर ड्रॉपडाउन का उपयोग कर रहे हैं।

.navbar .nav > li > .dropdown-menu::before { 
    position: absolute; 
    top: -7px; 
    left: 9px; 
    display: inline-block; 
    border-right: 7px solid transparent; 
    border-bottom: 7px solid #CCC; 
    border-left: 7px solid transparent; 
    border-bottom-color: rgba(0, 0, 0, 0.2); 
    content: ''; 
} 

.navbar .nav > li > .dropdown-menu::after { 
    position: absolute; 
    top: -6px; 
    left: 10px; 
    display: inline-block; 
    border-right: 6px solid transparent; 
    border-bottom: 6px solid white; 
    border-left: 6px solid transparent; 
    content: ''; 
} 

तो सुनिश्चित करें कि आप इस डोम संरचना है या शैली की नकल बनाने: ये सीएसएस नियम हैं।

आशा है कि इससे मदद मिलती है!

Answer 2

आप, बूटस्ट्रैप

Found Docu here

यहां आप देख सकते में पॉपओवर कार्यक्षमता का उपयोग कर सकते हैं कि यह कैसे काम करता है।