I am attempting to enhance my dropdown menu by incorporating a separator using the following code:
<li class='divider'></li>
Below is my HTML code with the separator included:
<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>
Upon executing the code, I noticed that the separator does not appear. Can anyone provide assistance to resolve this issue?