2016-10-12 67 views
2

我需要,所以我用这个代码添加到我的下拉菜单中选择一个分隔符:我怎么能在菜单的Dropbox添加一个分隔符

<li class='divider'></li> 

这是我的HTML代码的分隔符:

<ul class="dropdown-menu dropdown-menu-right" id="ul_menu"> 
    <li> 
    <div class="col-md-10"> 
     <input type="checkbox" name="aggiungidsfsdf" checked=""> dsfsdf 
    </div> 
    <div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div> 
    </li> 
    <li> 
    <div class="col-md-10"> 
     <input type="checkbox" name="aggiungiasdas"> asdas 
    </div> 
    <div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div> 
    </li> 
    <li> 
    <div class="col-md-10"> 
     <input type="checkbox" name="aggiungicollaborativo"> collaborativo 
    </div> 
    <div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div> 
    </li> 
    <li> 
    <div class="col-md-10"> 
     <input type="checkbox" name="aggiungiprivato"> privato 
    </div> 
    <div class="col-md-2"><i class="fa fa-lock fa-1" aria-hidden="true"></i></div> 
    </li> 
    <li> 
    <div class="col-md-10"> 
     <input type="checkbox" name="aggiungicollabborativo"> collabborativo 
    </div> 
    <div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div> 
    </li> 
    <li class="divider"></li> 
    <li> 
    <a href="#" id="aggiungi_bookmarked"><i class="fa fa-fw fa fa-plus"></i>Aggiungi Bookmarked</a> 
    </li> 
</ul> 

但是这段代码不起作用,因为我没有看到分隔符。任何人都可以帮助我?

+1

Seprator在任何颜色的十六进制代码来代替?显示你想要的html完全。 – Mohammad

+0

我已通过[HTML格式化程序](http://www.freeformatter.com/html-formatter.html)运行您的代码,以便于阅读。 –

回答

0

您的代码有问题'是在li之后额外添加的。

ul, li{list-style:none} 
 
.divider{border-bottom:1px solid red}
<ul class="dropdown-menu dropdown-menu-right" id="ul_menu"> 
 
    <li><div class="col-md-10"><input type="checkbox" name="aggiungidsfsdf" checked=""> dsfsdf</div><div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div></li> 
 
    <li><div class="col-md-10"><input type="checkbox" name="aggiungiasdas">  asdas</div><div class="col-md-2"><i class="fa fa-universal-access fa-1" aria-hidden="true"></i></div></li> 
 
    <li><div class="col-md-10"><input type="checkbox" name="aggiungicollaborativo">  collaborativo</div><div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div></li> 
 
    <li><div class="col-md-10"><input type="checkbox" name="aggiungiprivato">  privato</div><div class="col-md-2"><i class="fa fa-lock fa-1" aria-hidden="true"></i></div></li><li><div class="col-md-10"><input type="checkbox" name="aggiungicollabborativo">  collabborativo</div><div class="col-md-2"><i class="fa fa fa-users fa-1" aria-hidden="true"></i></div></li> 
 
    <li class="divider"></li'><li><a href="#" id="aggiungi_bookmarked"><i class="fa fa-fw fa fa-plus"></i>Aggiungi Bookmarked</a></li></ul>

0

你的Android编程?如果是的话,你可以去xml文件找到列表视图,并添加此行 android:divider:#ffffffff

"#ffffffff"可以通过你喜欢的

相关问题