बूटस्ट्रैप: ब्रेडक्रम्ब भीतर ड्रापडाउन

Question

जाहिर है, यह विशेष संयोजन (एक ब्रेडक्रम्ब अंदर लटकती) बहुत अच्छी तरह से समर्थित नहीं है:

मेरे मार्कअप (बूटस्ट्रैप 2.1.0):

<ul class="breadcrumb"> 
    <li class="dropdown open"> 
    <a class="dropdown-toggle" id="branches" role="button" data-toggle="dropdown" href="#">default <b class="caret"></b></a> 
    <ul id="branches-dropdown" class="dropdown-menu"> 
     <li><a tabindex="-1" href="...8109a3a986c7">commissions - <code>8109a3a986c7</code></a></li> 
     <li><a tabindex="-1" href="...76d3a7022f9e">dashboard-integration - <code>76d3a7022f9e</code></a></li> 
     <li><a tabindex="-1" href="...4ee00eb42b72">default - <code>4ee00eb42b72</code></a></li> 
     <li><a tabindex="-1" href="...10755b086192">led-support - <code>10755b086192</code></a></li> 
     <li><a tabindex="-1" href="...298fa9e18508">stable - <code>298fa9e18508</code></a></li> 
     <li><a tabindex="-1" href="...990826c5d5df">xdm-customer-selection - <code>990826c5d5df</code></a></li> 
    </ul> 
    <span class="divider">/</span> 
    </li> 
    <li> 
    <a href="...4ee00eb42b72">aeroclub.aeroexpress</a> <span class="divider">/</span> 
    </li> 
</ul> 

क्या मुझसे यहां कुछ गलत हो रहा है?

Answer 1

मुझे लगता है कि आप संपूर्ण सूची आइटम को हाइलाइट करने के लिए होवर प्रभाव चाहते हैं।

breadcrumb वर्ग lidisplay: inline-block; के रूप में करता है, पर dropdown वर्ग स्पष्ट रूप display गुण सेट नहीं है।

इसे मैन्युअल रूप से सेट करने का प्रयास:

.dropdown-menu li { 
    display: block; 
}