<![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="size20"><b><!DOCTYPE html></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><html lang="KO_Yoon"></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><head></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><span><</span><span style="color: #2f6f9f;">link</span> <span style="color: #006ee0;">href</span><span style="color: #555555;">=</span><span style="color: #d73038;">"<a href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" target="_top" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css</a>"</span> <span style="color: #006ee0;">rel</span><span style="color: #555555;">=</span><span style="color: #d73038;">"stylesheet"</span> <span style="color: #006ee0;">integrity</span><span style="color: #555555;">=</span><span style="color: #d73038;">"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"</span> <span style="color: #006ee0;">crossorigin</span><span style="color: #555555;">=</span><span style="color: #d73038;">"anonymous"</span><span>></span></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><span><</span><span style="color: #2f6f9f;">script</span> <span style="color: #006ee0;">src</span><span style="color: #555555;">=</span><span style="color: #d73038;">"<a href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" target="_top" class="ke-link">https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js</a>"</span> <span style="color: #006ee0;">integrity</span><span style="color: #555555;">=</span><span style="color: #d73038;">"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"</span> <span style="color: #006ee0;">crossorigin</span><span style="color: #555555;">=</span><span style="color: #d73038;">"anonymous"</span><span>></</span><span style="color: #2f6f9f;">script</span><span>></span></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><b><meta name="viewport" content="width=device-width, initial-scale=1.0"></b></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><b><title>Yoon Coding</title></b></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b></head></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><<span style="color: #2f6f9f;">nav</span> <span style="color: #006ee0;">class</span><span style="color: #555555;">=</span><span style="color: #d73038;">"navbar navbar-expand-lg navbar-light bg-light"</span>> <<span style="color: #2f6f9f;">div</span> <span style="color: #006ee0;">class</span><span style="color: #555555;">=</span><span style="color: #d73038;">"container-fluid"</span>> <<span style="color: #2f6f9f;">a</span> <span style="color: #006ee0;">class</span><span style="color: #555555;">=</span><span style="color: #d73038;">"navbar-brand"</span> <span style="color: #006ee0;">href</span><span style="color: #555555;">=</span><span style="color: #d73038;">"#"</span>>Yoon Coding</<span style="color: #2f6f9f;">a</span>></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><!-- Example split danger button --> <br><div class="btn-group"> <br>  <button type="button" class="btn btn-danger">Action</button> <br>  <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> <br>    <span class="visually-hidden">Toggle Dropdown</span> <br>  </button> <br>  <ul class="dropdown-menu"> <br>    <li><a class="dropdown-item" href="#">Action</a></li> <br>    <li><a class="dropdown-item" href="#">Another action</a></li> <br>    <li><a class="dropdown-item" href="#">Something else here</a></li> <br>    <li><hr class="dropdown-divider"></li> <br>    <li><a class="dropdown-item" href="#">Separated link</a></li> <br>  </ul> <br></div></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b></li> <br>        <li class="nav-item"> <br>          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> <br>        </li> <br>      </ul> <br>      <form class="d-flex"> <br>        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <br>        <button class="btn btn-outline-success" type="submit">Search</button> <br>      </form> <br>    </div> <br>  </div> <br></nav></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b></body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b></html></b></span></p><p> </p><p> </p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><a href="https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default" target="_top" class="ke-link">W3Schools Tryit Editor</a></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b><a href="https://getbootstrap.kr/docs/5.0/components/dropdowns/" target="_blank" class="ke-link">https://getbootstrap.kr/docs/5.0/components/dropdowns/</a></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>부트스트렙 영상</b></span></p>
<!-- -->
]]>
첫댓글 W3Schools Tryit Editor
https://getbootstrap.kr/docs/5.0/components/dropdowns/