Basket CSS Framework

Usage

For basket to work, you'll need to make sure you have HTML5 doctype declaration and a responsive viewport meta tag:

1. Step one, the doctype:

                <!DOCTYPE html>

2. Step two, the viewport meta tag:

                <meta name="viewport" content="width=device-width, initial-scale=1">

Alternatively, you can just copy the starter code here:

Get the JSFiddle here

                    <!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/getbasket@1.1.3/dist/basket.min.css" integrity="sha256-8cStcXegj0wYKe3iY5wnf5bQg2SwZQeqAeBS3h+bQ+w=" crossorigin="anonymous">
</head>
<body>

    <div class="container">
        <div class="row">
            <div class="col col-12 text-center">
                <p class="display-2">Hello World from Basket!</p>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/getbasket@1.1.3/dist/basket.min.js" integrity="sha256-/L6Tz9q9KklQk408w+QEZzjMAMiQsnYtN6aNoyq9Y5w=" crossorigin="anonymous"></script>
</body>
</html>