Get started with bootswatch CDN

MIT licensed

Bootswatch: Free theme collection enhancing Bootstrap CSS.

Tags:
  • css

Stable version

Copied!

How to start using bootswatch CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with bootswatch CDN - cdnhub.io</title>
    <!-- Adding the Bootstrap CSS file from CDN -->
    <link href="https://cdn.cdnhub.io/bootswatch/5.3.3/cerulean/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <h1 class="my-4 text-center">Bootswatch Cerulean Example</h1>

        <!-- Jumbotron example -->
        <div class="jumbotron text-center">
            <p class="lead">This is a simple jumbotron on a responsive, full-width container.</p>
            <p class="my-4">...</p>
            <button type="button" class="btn btn-primary btn-lg">Learn more</button>
        </div>

        <!-- Grid system example -->
        <div class="row">
            <div class="col-md-4">
                <h2>Column 1</h2>
                <p>...</p>
            </div>
            <div class="col-md-4">
                <h2>Column 2</h2>
                <p>...</p>
            </div>
            <div class="col-md-4">
                <h2>Column 3</h2>
                <p>...</p>
            </div>
        </div>
    </div>

    <!-- Adding the Bootstrap JS file from CDN -->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions