ฉันต้องการเปิดเมนูแบบเลื่อนลง (โดยใช้ Twitter Bootstrap) ทุกครั้งที่ฉันคลิกที่แบรนด์ของแถบนำทางของฉัน ดังนั้นฉันจึงลองใช้โค้ดนี้:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="tabbable">
<div class="dropdown">
<a id="drop1" class="dropdown-toggle" data-toggle="dropdown" href="/th#menu">
<div class="brand">Brand</div>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
<li><a href="/th#">Action</a></li>
</ul>
</div>
<ul class="nav">
<li>
<a href="/th#" data-toggle="tab">Item</a>
</li>
</ul>
</div>
</div>
</div>
ผลลัพธ์: เมื่อฉันคลิก เมนูจะปรากฏขึ้น แต่ มากกว่า แบรนด์ ไม่ใช่ ต่ำกว่า จะแก้ไขได้อย่างไร?
ตัวอย่าง
- เวอร์ชันมาตรฐาน [ตกลง]: http://jsfiddle.net/4rdPU/2/
- เวอร์ชันมาตรฐาน +
div class="brand"
[ปัญหาเกี่ยวกับรูปแบบ]: http://jsfiddle.net/4rdPU/1/ - รุ่นของแบรนด์ [ตำแหน่งเมนูไม่ถูกต้อง]: http://jsfiddle.net/4rdPU/3/