위젯 수정

기본 정보

위젯 이름 *

구성 위치

카테고리

간단 설명

HTML 컨텐츠

<div class="container content-space-1"> <div class="row"> <div id="stickyBlockStartPointEg2_ucs_02" class="col-md-4 mb-3 mb-md-0">  <div class="navbar-expand-md">  <div class="d-grid"> <button type="button" class="navbar-toggler btn btn-white ms-0 mb-5" data-bs-toggle="collapse" data-bs-target="#navbarVerticalNavMenu_ucs_02" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navbarVerticalNavMenu_ucs_02"> <span class="d-flex justify-content-between align-items-center"> <span class="h6 mb-0">Nav menu</span> <span class="navbar-toggler-default"> <i class="bi-list"></i> </span> <span class="navbar-toggler-toggled"> <i class="bi-x"></i> </span> </span> </button> </div>   <div id="navbarVerticalNavMenu_ucs_02" class="collapse navbar-collapse">  <div class="js-sticky-block" data-hs-sticky-block-options='{ "parentSelector": "#stickyBlockStartPointEg2_ucs_02", "breakpoint": "md", "startPoint": "#stickyBlockStartPointEg2_ucs_02", "endPoint": "#stickyBlockEndPointEg2_ucs_02", "stickyOffsetTop": 20 }'>  <ul class="nav nav-link-gray nav-tabs nav-vertical"> <li class="nav-item"> <a class="nav-link" href="#">Top Solutions (5)</a> </li> <li class="nav-item"> <a class="nav-link active" href="#">Getting Started (7)</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Gulp (1)</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Customization (1)</a> </li> <li class="nav-item"> <a class="nav-link" href="#">License (4)</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Payments (12)</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Purchasing (35)</a> </li> </ul>  </div>  </div>  </div>  </div>  <div class="col-md-8">  <nav aria-label="breadcrumb"> <ol class="breadcrumb mb-7"> <li class="breadcrumb-item"> <a href="#">Help Center</a> </li> <li class="breadcrumb-item active" aria-current="page">Getting started</li> </ol> </nav>   <ul class="list-unstyled list-py-2"> <li>  <div class="d-sm-flex"> <div class="flex-shrink-0 mb-3 mb-sm-0"> <span class="me-2"> <i class="bi-question-circle-fill text-primary fs-3"></i> </span> </div> <div class="flex-grow-1 ms-sm-3"> <div class="mb-5"> <span class="text-cap">Getting Started</span> <h5>What methods of payments are supported?</h5> <p>You can purchase the themes on Bootstrap Themes via any major credit/debit card (via Stripe) or with your Paypal account. We don't support cryptocurrencies or invoicing at this time.</p> </div> <a class="link" href="#">Read more <i class="bi-chevron-right small ms-1"></i></a> </div> </div>  </li> <li class="border-top my-5"></li> <li>  <div class="d-sm-flex"> <div class="flex-shrink-0 mb-3 mb-sm-0"> <span class="me-2"> <i class="bi-question-circle-fill text-primary fs-3"></i> </span> </div> <div class="flex-grow-1 ms-sm-3"> <div class="mb-5"> <span class="text-cap">Getting Started</span> <h5>How can I get a refund?</h5> <p>If you'd like a refund please reach out to us at themes@getbootstrap.com. If you need technical help with the theme before a refund please reach out to the seller first and they can get in touch with us if they're unable to resolve the issue.</p> </div> <a class="link" href="#">Read more <i class="bi-chevron-right small ms-1"></i></a> </div> </div>  </li> <li class="border-top my-5"></li> <li>  <div class="d-sm-flex"> <div class="flex-shrink-0 mb-3 mb-sm-0"> <span class="me-2"> <i class="bi-question-circle-fill text-primary fs-3"></i> </span> </div> <div class="flex-grow-1 ms-sm-3"> <div class="mb-5"> <span class="text-cap">Getting Started</span> <h5>Which license do I need?</h5> <p>There are three license types - Standard, Multisite, and Extended. We've provided the table below for a quick look at the difference between the them, as well as a few examples of ways each license could be used.</p> </div> <a class="link" href="#">Read more <i class="bi-chevron-right small ms-1"></i></a> </div> </div>  </li> <li class="border-top my-5"></li> </ul>   <div id="stickyBlockEndPointEg2_ucs_02"></div>  <nav class="d-flex justify-content-center" aria-label="Page navigation"> <ul class="pagination justify-content-center justify-content-sm-start mb-0"> <li class="page-item disabled"> <a class="page-link" href="#" tabindex="-1"> <span aria-hidden="true">&laquo;</span> </a> </li> <li class="page-item active"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"> <a class="page-link" href="#"> <span aria-hidden="true">&raquo;</span> </a> </li> </ul>  </nav>  </div>  </div>  </div>

변수 플레이스홀더: {{변수명}}

위젯 수정

미리보기

기본 정보

HTML 컨텐츠

편집 가능 변수

헤더
히어로
일반
본문 컨텐츠
공통
상태표시
단계표시
탭메뉴
아이콘
카드
리뷰
가격표
팀
CTA
갤러리
클라이언트
FAQ
댓글
프로필
오시는길
예약
푸터