?? ?? ??? ??? (?? ?? ??)? ????? ????? ???? ?? ??? ???? ?????. ?? ??? ?? ?? ??? ???? ?? ??? ?????. ????? ??? ?? ?? ???? ??????. ??? ?? (?? ?? ??)? ???? ?? ?? ?? ? Data-Toggle = "Dropdown"??? ??????. ???? ?? ??? ???? Dropdown-Menu ???? ??????. ??? ?? ?? ??? ?? ? ?? ??? ??????.

?? ??? ?? ?? ?? ?? ???

?? ?? ??? ??????

?? ?? ??? ???? ????? ?? ? ? ?? ????? ??? ???? ??? ?? ?????.

?? ??? ?? ?? ??? ??? ???

?? ?? ??? ???? ?? HTML ??? ?????.

<li> <div> ????? ?? ?? ??? ??? ? ?????<li> <code><button></button> ?? <a></a> ?? ???? ???? ???? ????? ?? ? ? ??? ?????. <li> <ul></ul> ???? ?? ??? ?? ??? ???? ? ????? <li> <li> ?? ??? ?? ?? ??? ???? ? ?????.

??:

<li> <div> ????? ??? <code>dropdown ???? ??????.<li> ???? ?? ??? ?? ( <button></button> ?? <a></a> )? ???? dropdown-toggle ? data-toggle="dropdown" ??? ??????. <li> ???? ?? <ul></ul> ??? ???? ?? ??? dropdown-menu ???? ??????. <li> <ul></ul> ??? <li> ?? ??? ???? ? ??? ?? ?? ?? ?? ???? ??????.

?? ?? :

 <code class="html"><div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> Dropdown </button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> </ul> </div></code>

?? ?? :

<li> ?? ?? : ?? <ul></ul> ? <li> ??? ???? ?? ??? ????. <li> Delimiter : <li role="separator" class="divider"> ???? ?? ??? ??? ??????. <li> ?? : add <li role="heading" class="dropdown-header"> ??? ????. <li> ?? ???? : ?? ??? ??????? disabled ??? ??????.

??:

<li> ??? ??? aria-haspopup="true" ? aria-expanded="false" ??? ???? ???? ????????. <li> JavaScript? ???? ?? ?? ?? ???? ????? (? : ??/??? ??). <li> ?? ?? ??? ?? ?? ??? ?? ? ?? ?? ??? ??????.