부트스트랩 panel + list-group

1 개요

<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>

<div class="panel panel-primary">
  <div class="panel-heading">패널 헤더</div>
  <div class="panel-body" style="padding:0">
    <ul class="list-group" style="margin:0">
      <li class="list-group-item">항목 1</li>
      <li class="list-group-item">항목 2</li>
      <li class="list-group-item">항목 3</li>
    </ul>
  </div>
</div>

2 같이 보기

• 부트스트랩 .panel
• 부트스트랩 .list-group