"부트스트랩 .list-group"의 두 판 사이의 차이

(새 문서: ==개요== ;부트스트랩 .list-group <source lang='html'> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css"> <script src="//code.jquer...)
 
잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(다른 사용자 한 명의 중간 판 2개는 보이지 않습니다)
2번째 줄: 2번째 줄:
;부트스트랩 .list-group
;부트스트랩 .list-group


<source lang='html'>
<syntaxhighlight lang='html'>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/jquery.min.js"></script>
12번째 줄: 12번째 줄:
   <li class="list-group-item">항목 3</li>
   <li class="list-group-item">항목 3</li>
</ul>
</ul>
</source>
</syntaxhighlight>
<jsfiddle height='200'>peLvra93</jsfiddle>
<jsfiddle height='200'>peLvra93</jsfiddle>
==같이 보기==
* [[CSS 부트스트랩 .list-group]]
* [[부트스트랩 panel + list-group]]


[[분류: Bootstrap]]
[[분류: Bootstrap]]

2020년 11월 2일 (월) 02:52 기준 최신판

1 개요[ | ]

부트스트랩 .list-group
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>

<ul class="list-group">
  <li class="list-group-item">항목 1</li>
  <li class="list-group-item">항목 2</li>
  <li class="list-group-item">항목 3</li>
</ul>

2 같이 보기[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}