bootstrap 下拉菜單顯示不出來
2 回答

湖上湖
TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊
以下代碼測(cè)試通過,對(duì)容器的class添加dropdown,使得菜單可出現(xiàn)在其下方
1234567891011121314151617181920212223 | <!doctype html> < html > < head > < meta charset = "utf-8" > < title >bootstrap測(cè)試</ title > < link href = "http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel = "stylesheet" /> < link href = "http://cdn.bootcss.com/bootstrap/css/bootstrap-theme.min.css" rel = "stylesheet" /> </ head > < body > < div class = "container dropdown" style = "margin-bottom: 50px" > < h2 class = "page-header" > 下拉菜單</ h2 > < a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#" >字體< span class = "caret" ></ span ></ a > < ul class = "dropdown-menu" > < li >< a href = "#" >宋體</ a ></ li > < li >< a href = "#" >黑體</ a ></ li > < li >< a href = "#" >楷體</ a ></ li > </ ul > </ div > < script src = "http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js" ></ script > < script src = "http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js" ></ script > </ body > </ html > |

拉風(fēng)的咖菲貓
TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊
我也發(fā)現(xiàn)和樓主相同的問題,經(jīng)過測(cè)試bootstrap.min.css,bootstrap-theme.min.css,bootstrap.min.js,和jq這四個(gè)文件都需要引入才能用,只是引入bootstrap.min.css的話只是有了樣式,很多的特效就沒法用,實(shí)際上還是很多依賴了jq
- 2 回答
- 0 關(guān)注
- 2076 瀏覽
添加回答
舉報(bào)
0/150
提交
取消