twitter bootstrap - how can i remove the angle's box of dropdown? -
इस कोण को कैसे अक्षम करें?
मैं बूस्टर का उपयोग कर रहा हूं जहां से मुझे मिलता है
यह मेरा कोड है ..
& lt; div class = "navbar" & gt; & Lt; div class = "navbar-inner" & gt; & Lt; div वर्ग = "कंटेनर" & gt; & Lt; ul class = "nav" & gt; & Lt; li वर्ग = "ड्रॉपडाउन" & gt; & Lt; एक वर्ग = "ड्रॉपडाउन-टॉगल" डेटा-टॉगल = "ड्रॉपडाउन" & gt; मेनू & lt; b वर्ग = "कैरेट" & gt; & lt; / b & gt; & lt; / a & gt; & Lt; ul class = "ड्रॉपडाउन-मेन्यू" & gt; & Lt; li वर्ग = "ड्रॉपडाउन-सबमेनू" & gt; & Lt; एक वर्ग = "ड्रॉपडाउन-टंगलग" डेटा-टॉगल = "ड्रॉपडाउन" & gt; सबमेनू & lt; / a & gt; & Lt; ul class = "ड्रॉपडाउन-मेन्यू" & gt; & Lt; li & gt; & lt; a & gt; sub_1 & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; li & gt; & lt; ए & gt; नमोटर 2 & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; ए & gt; नॉमोर 3 & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; a & gt; मध्य & lt; / a & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; ul class = "nav nav-tab navbar-inverse pull-right" & gt; & Lt; li & gt; & Lt; a & gt; अधिकार & lt; / a & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; a & gt; asdfb & lt; / a & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;
मैंने कक्षा से कुछ कोडिंग हटाने की कोशिश की लेकिन मुझे लगता है कि इसका काम नहीं है ..
.dropdown-menu {position: absolute; शीर्ष 100%; बाएं: 0; Z- इंडेक्स: 1000; कुछ भी डिस्प्ले मत करो; बाईंओर तैरना; न्यूनतम चौड़ाई: 160px; पैडिंग: 5 पीएक्स 0; मार्जिन: 2px 0 0; सूची शैली: कोई नहीं; पृष्ठभूमि रंग: #ffffff; सीमा: 1px ठोस # सीसीसी; सीमा: 1 पीएक्स ठोस आरजीबीए (0, 0, 0, 0.2); * सीमा-दायें-चौड़ाई: 2px; * बॉर्डर-नीचे-चौड़ाई: 2px; -वेबकिट-सीमा-त्रिज्या: 0; -मोझ-सीमा-त्रिज्या: 0; सीमा-त्रिज्या: 0; -वेबकिट-बॉक्स-छाया: 0 5px 10px आरजीबीए (0, 0, 0, 0.2); -मोझ बॉक्स-छाया: 0 5px 10px आरजीबीए (0, 0, 0, 0.2); बॉक्स-छाया: 0 5px 10px आरजीबीए (0, 0, 0, 0.2); -विबिट-पृष्ठभूमि-क्लिप: पैडिंग-बॉक्स; -मोज-पृष्ठभूमि-क्लिप: पैडिंग; पृष्ठभूमि-क्लिप: पैडिंग-बॉक्स; }
मुझे लगता है कि ड्रॉपडाउन के बॉक्स में कोई भी कोण नहीं है
मैं भी कुछ फ़ाइल बूटस्ट्रैप भी आयात करता हूं।
& lt; link href =" css / bootstrap.css "rel = "स्टाइलशीट" मीडिया = "स्क्रीन" / & gt; & Lt; script src = "js / jquery-2.1.0.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; script src = "js / bootstrap.min.js" & gt; & lt; / स्क्रिप्ट & gt;
ये दो खंड हैं:
.navbar .nav & gt; ली & gt; .dropdown-menu: पहले {स्थिति: पूर्ण; शीर्ष: -7 पीएक्स; बाएं: 9 पिक्सेल; प्रदर्शन: इनलाइन-ब्लॉक; सीमा-दाएं: 7px ठोस पारदर्शी; सीमा नीचे: 7px ठोस # सीसीसी; सीमा-बाएं: 7px ठोस पारदर्शी; सीमा-नीचे-रंग: आरजीबीए (0, 0, 0, 0.2); सामग्री: ''; } .navbar .nav & gt; ली & gt; .dropdown-menu: after {स्थिति: पूर्ण; शीर्ष: -6 पीएक्स; बाएं: 10 पीएक्स; प्रदर्शन: इनलाइन-ब्लॉक; सीमा-सही: 6px ठोस पारदर्शी; सीमा नीचे: 6px ठोस #ffffff; सीमा-बाएं: 6px ठोस पारदर्शी; सामग्री: ''; }
उन्हें बूटस्ट्रैप सीएसएस से निकालें और आपको ठीक होना चाहिए।
Comments
Post a Comment