startbootstrap-sb-admin-2

ui-component css-framework layout

startbootstrap-sb-admin-2는 Start Bootstrap에 의해 만들어진 무료이자 오픈 소스인 Bootstrap 기반의 관리자 테마입니다.

Latest Ver 4.1.4

Homepage

Github

9,825

📢 이 라이브러리는 웹 애플리케이션의 백엔드 관리 인터페이스를 구축할 때 사용할 수 있는 다양한 UI 구성 요소를 제공합니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-sb-admin-2/4.1.4/js/sb-admin-2.js

https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-sb-admin-2/4.1.4/js/sb-admin-2.min.js

https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-sb-admin-2/4.1.4/css/sb-admin-2.css

https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-sb-admin-2/4.1.4/css/sb-admin-2.min.css

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div class='container mt-5'>
  <div class='row'>
    <div class='col-md-12'>
      <h1>Admin Dashboard</h1>
    </div>
  </div>
  <div class='row'>
    <div class='col-md-6'>
      <div class='card'>
        <div class='card-body'>
          <h5 class='card-title'>Card Title</h5>
          <p class='card-text'>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href='#' class='btn btn-primary'>Go somewhere</a>
        </div>
      </div>
    </div>
    <div class='col-md-6'>
      <div class='card'>
        <div class='card-body'>
          <h5 class='card-title'>Another Card Title</h5>
          <p class='card-text'>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href='#' class='btn btn-success'>Go somewhere</a>
        </div>
      </div>
    </div>
  </div>
</div>

🎨 External CSS
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">

🧩 External JS
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>