-2
A
回答
0
標記這樣一個下拉
<ul class="dropdown-menu">
<li><a href="#" class="icon"><span
class="glyphicon glyphicon-user"></span>User Profile</a></li>
<li><a href="#">Log Out</a></li>
</ul>
CSS的下拉
.dropdown-menu a.icon {
position: relative;
padding-left: 40px;
}
.dropdown-menu a.icon .glyphicon {
top: 6px;
left: 10px;
font-size: 18px;
}
的關鍵是glyphicons是絕對的定位,即使它們被「包含」在標記內,定位相對於整個菜單默認。通過將.icon類添加到包含圖標的每個菜單定位點,它可以讓您相對於該定位點進行定位,並且還可以添加定位文本,以便該圖標有足夠的空間可以正確顯示。
相關問題
- 1. jQuery的現有引導下拉菜單
- 2. 下拉菜單中引導
- 3. 引導下拉菜單
- 4. 如何實現下拉菜單
- 5. 帶引導程序的多個下拉菜單不起作用?
- 6. 引導下拉列表添加選中圖標的子菜單
- 7. 下拉菜單在...下拉菜單與引導
- 8. 鼠標懸停導航下拉菜單使用HTML和CSS
- 9. 帶下拉菜單
- 10. 引導下拉菜單不起作用
- 11. 如何在引導表頭中使用下拉菜單?
- 12. 垂直居中引導下拉菜單圖標
- 13. 列內的引導下拉菜單
- 14. 崩潰中的引導下拉菜單,
- 15. 引導定製的下拉菜單
- 16. 帶有不同樣式的引導程序下拉菜單
- 17. HTML下拉菜單
- 18. HTML下拉菜單
- 19. 引導菜單中的下拉菜單不起作用
- 20. 帶圖像開關的下拉菜單
- 21. 帶縮略圖的css下拉菜單
- 22. 如何創建帶有使用引導標籤的複選框列表的下拉菜單?
- 23. Ember視圖下拉菜單下拉菜單中有空標籤
- 24. 使一個Facebook圖標下拉菜單
- 25. 引導下拉菜單UI工作但下拉菜單不起作用
- 26. 如何實現下面的下拉菜單?
- 27. 引導下拉菜單活動類
- 28. jquery點擊引導下拉菜單
- 29. 引導下拉菜單大左旁
- 30. 點擊引導菜單下拉動畫
我檢查了你的答案,但看起來像這樣會提交每當我選擇一個選項。我需要的是我可以在提交之前自由選擇其中一個選項 –