반응형
안녕하세요.
웹 페이지를 구현하기 쉽도록부트스트랩에는 다양한 html 스타일을 지원합니다.
드롭다운은 웹 페이지에서 메뉴를 구현할 때 사용되는소스 코드입니다.
드롭다운을 사용하면 메뉴들을 쉽게 정리할 수 있습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<!--
Copyright (c) 2011-2018 Twitter, Inc.
Copyright (c) 2011-2018 The Bootstrap Authors
-->
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>codeomni.tistory.com bootstrap dropdown 부트스트랩 드롭다운 소스 코드</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<style>
body {
padding: 100px 100px;
}
</style>
</head>
<body>
<div class="dropdown">
<button type="button" class="btn btn-default dropdown toggle" data-toggle="dropdown">Dropdown<span class="caret"></span></button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">codeomni</a></li>
<li class="divider"></li>
<li><a href="#">리스트 2</a></li>
<li><a href="#">리스트 3</a></li>
</ul>
</div>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
|
cs |
▲ 실행 화면입니다.
참고 문헌
javascript . (Aug 12 2018). http://bootstrapk.com/javascript/.
자바스크립트 · 부트스트랩
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater
bootstrapk.com
댓글