RT如題,不懂這個放在那里的效果<div class="dropdown">? <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">? ? 下拉菜單? ? <span class="caret"></span>? </button>? <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">? ? <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜單項(xiàng)</a></li>? ? <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜單項(xiàng)</a></li>? ? <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜單項(xiàng)</a></li>? ? <li role="presentation" class="divider"></li>? ? <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜單項(xiàng)</a></li>? </ul></div>?
6 回答
已采納

小城阿哥
TA貢獻(xiàn)89條經(jīng)驗(yàn) 獲得超59個贊
<span> 在CSS定義中屬于一個行內(nèi)元素,在行內(nèi)定義一個區(qū)域,也就是一行內(nèi)可以被 <span> 劃分成好幾個區(qū)域,從而實(shí)現(xiàn)某種特定效果。<span>本身沒有語義。
你的代碼中 span 代碼下拉菜單右邊的小箭頭圖標(biāo) ? 同樣 你可以更改類名 ?換成別的圖標(biāo) ?比如 close

慕后端0270540
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個贊
.caret{width:0;
height:0;
border-width:8px;
border-style: solid;
border-color:#666 transparent transparent transparent;}
border-width修改下拉箭頭大??;
border-color修改箭頭方向

kuteacher
TA貢獻(xiàn)12條經(jīng)驗(yàn) 獲得超8個贊
通俗的講 你可以理解為這是一個調(diào)用圖標(biāo)的一段代碼而“caret" 就是這個圖標(biāo)ID
添加回答
舉報
0/150
提交
取消