<![CDATA[
<p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>분할 버튼 드롭다운</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html lang="en"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <title>Bootstrap Example</title> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <meta charset="utf-8"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <meta name="viewport" content="width=device-width, initial-scale=1"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <link rel="stylesheet" href="<a href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css</a>"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <script src="<a href="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js</a>"></script> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <script src="<a href="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js</a>"></script> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <script src="<a href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js</a>"></script> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><body></b></span></p><p> </p><p> </p><p> </p><p>https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_dropdown-split&stacked=h</p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><b>분할 버튼 드롭다운</b></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><b><span data-ke-size="size18"><!DOCTYPE html> </span><br><span data-ke-size="size18"><html lang="en"> </span><br><span data-ke-size="size18"><head> </span><br><span data-ke-size="size18">  <title>Bootstrap Example</title> </span><br><span data-ke-size="size18">  <meta charset="utf-8"> </span><br><span data-ke-size="size18">  <meta name="viewport" content="width=device-width, initial-scale=1"> </span><br><span data-ke-size="size18">  <link href="<a href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css</a>" rel="stylesheet"> </span><br><span data-ke-size="size18">  <script src="<a href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" target="_blank" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js</a>"></script> </span><br><span data-ke-size="size18"></head> </span><br><span data-ke-size="size18"><body> </span><br><br><span data-ke-size="size18"><div class="container mt-3"> </span><br><span data-ke-size="size18">  <h2>Dropdowns</h2> </span><br><span data-ke-size="size18">  <p>The .dropdown class is used to indicate a dropdown menu.</p> </span><br><span data-ke-size="size18">  <p>Use the .dropdown-menu class to actually build the dropdown menu.</p> </span><br><span data-ke-size="size18">  <p>To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and data-toggle="dropdown".</p>                                           </span><br><span data-ke-size="size18">  <div class="dropdown"> </span><br><span data-ke-size="size18">    <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown"> </span><br><span data-ke-size="size18">      Dropdown button </span><br><span data-ke-size="size18">    </button> </span><br><span data-ke-size="size18">    <ul class="dropdown-menu"> </span><br><span data-ke-size="size18">      <li><a class="dropdown-item" href="#">Link 1</a></li> </span><br><span data-ke-size="size18">      <li><a class="dropdown-item" href="#">Link 2</a></li> </span><br><span data-ke-size="size18">      <li><a class="dropdown-item" href="#">Link 3</a></li> </span><br><span data-ke-size="size18">    </ul> </span><br><span data-ke-size="size18">  </div> </span><br><span data-ke-size="size18"></div></span></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><b> <br><b><b><span data-ke-size="size18">   <ul class="dropdown-menu"></span><br><span data-ke-size="size18">      <li><a class="dropdown-item" href="#">Link 1</a></li></span><br><span data-ke-size="size18">      <li><a class="dropdown-item" href="#">Link 2</a></li></span><br><span data-ke-size="size18">      <li><a class="dropdown-item" href="#">Link 3</a></li></span><br><span data-ke-size="size18">    </ul></span><br><span data-ke-size="size18">  </div></span><br><span data-ke-size="size18"></div></span></b></b></b></b></span></p><p><b><b><span data-ke-size="size18">   <ul class="dropdown-menu"></span><br><span data-ke-size="size18">      <li><a class="dropdown-item" href="#">Link 1</a></li></span><br><span data-ke-size="size18">      <li><a class="dropdown-item" href="#">Link 2</a></li></span><br><span data-ke-size="size18">      <li><a class="dropdown-item" href="#">Link 3</a></li></span><br><span data-ke-size="size18">    </ul></span><br><span data-ke-size="size18">  </div></span><br><span data-ke-size="size18"></div></span></b></b></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><b><br><span data-ke-size="size18"></body> </span><br><span data-ke-size="size18"></html></span> <br></b></b></span></p><p> </p><p> </p><p> </p><p> </p><p> </p>
<!-- -->
]]>
첫댓글 https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_dropdown-split&stacked=h