startbootstrap-sb-admin-2

ui-component css-framework layout

Start Bootstrapによって作成された無料でオープンソースのBootstrap管理テーマです。

Latest Ver 4.1.4

Homepage

Github

9,825

📢 このライブラリは、Webアプリケーションのバックエンド管理インターフェースを構築するためのさまざまな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>