bootstrap_dropdown

<dropdown>

• 메뉴 오른쪽 위치 지정 :  <ul class="dropdown-menu pull-right" role="menu">

      <div class="dropdown">
        <a data-toggle="dropdown" href="#">여기를 클릭</a>
        <ul class="dropdown-menu pull-right" role="menu">
            <li><a tabindex="-1" href="#">메뉴1</a></li>
            <li class="disabled"><a tabindex="-1" href="#">메뉴2</a></li>
            <li><a tabindex="-1" href="#">메뉴3</a></li>
            <li class="divider"></li>
            <li><a tabindex="-1" href="#">분리된 메뉴</a></li>
        </ul>
      </div>

 

 

• 경계선 표현 : <li class="divider"></li>

• 비활성화 : <li class="disabled"><a tabindex="-1" href="#">메뉴2</a></li>

 

<버튼 형 dropdown>

 

      <div class="dropdown">
        <button data-toggle="dropdown" class="btn btn-defaut btn-primary">여기를 클릭</button>
        <ul class="dropdown-menu" role="menu">
            <li><a tabindex="-1" href="#">메뉴1</a></li>
            <li class="disabled"><a tabindex="-1" href="#">메뉴2</a></li>
            <li><a tabindex="-1" href="#">메뉴3</a></li>
            <li class="divider"></li>
            <li><a tabindex="-1" href="#">분리된 메뉴</a></li>
        </ul>
      </div>