ट्विटर बूटस्ट्रैप टॉपबार और ड्रॉपडाउन मेनू

Question

मैं एक टॉपबार बनाने की कोशिश कर रहा हूं जिसमें बाएं और दाएं कुछ लिंक हैं, एक लॉगिन लिंक होगा जो ड्रॉपडाउन में लॉगिन फॉर्म खोल देगा। मैं भी है कि लॉग इन प्रपत्र एक चयनित टैब की तरह जब क्लिक व्यवहार करना चाहिए चाहते हैं (या जब लटकती खुला है)

मेरे कोड इस तरह दिखता है: -

<div class="navbar navbar-fixed-top"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <ul class="nav"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Section1</a></li> 
      <li><a href="#">Section2</a></li> 
     </ul> 

     <ul class="nav nav-tabs pull-right signin-menu"> 
      <li class="dropdown" data-dropdown="dropdown"><a href="#" data-toggle="dropdown" class="login-link dropdown-toggle">Login</a> 
       <ul class="dropdown-menu" id="signin-dropdown"> 
        <li> 
         <form>....</form> 
        </li> 
       </ul> 
      </li> 
     </ul>   
    </div> 
</div> 

2 मिल गया है सूचियां, उनमें से एक दाईं ओर के रूप में मैं चाहता था कि यह टैब की तरह व्यवहार करे। मेरी समस्या यह है कि जब मैं ड्रॉपडाउन खुला रहता हूं तो लॉगिन लिंक को इंगित करने वाले छोटे तीर को नहीं हटा सकता। मैं इसे नीचे दिए गए ड्रॉप के साथ एक चयनित टैब की तरह दिखाना चाहता हूं, बिना तीर के तीर के।

इसके अलावा, टैब चयनित होने पर इसके गोलाकार कोनों को खो देता है। मुझे यकीन है कि यह एक सीएसएस मुद्दा है लेकिन यह सुनिश्चित नहीं है कि इसे कहां देखना है ..

कोई विचार?

पीएस मैं बूटस्ट्रैप v2.0.1

Answer 1

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

तुम इतनी तरह इसी छद्म वर्ग के लिए display:none जोड़कर लॉगिन बक्से पर ड्रॉपडाउन तीर निकाल सकते हैं:

सीएसएस

.signin-menu .dropdown-menu:before { 
    display: none; 
} 

.signin-menu .dropdown-menu:after { 
    display: none; 
} 

त्वरित Demo, edit यहाँ।