정보실

웹학교

정보실

bootstrap tab 코드

본문

<div role="tabpanel">

  <ul class="nav nav-tabs" role="tablist">

    <li role="presentation" class="active"><a href data-target="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>

    <li role="presentation"><a href data-target="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>

    <li role="presentation"><a href data-target="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>

  </ul>

  <div class="tab-content">

    <div role="tabpanel" class="tab-pane active" id="home">home ...</div>

    <div role="tabpanel" class="tab-pane" id="profile">profile...</div>

    <div role="tabpanel" class="tab-pane" id="messages">messages...</div>

  </div>

</div> 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 285회 ]  작성일15-05-23 20:31

웹학교