Get started with jasny-bootstrap CDN

Apache-2.0 licensed

Jasny-Bootstrap: Twitter Bootstrap with extended Jasny plugin functions.

Tags:
  • twitter bootstrap
  • bootstrap
  • css

Stable version

Copied!

How to start using jasny-bootstrap CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/jasny-bootstrap/4.0.0/css/jasny-bootstrap.min.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/jasny-bootstrap.min.js"></script>
  <title>Get started with jasny-bootstrap CDN - cdnhub.io</title>
</head>
<body>
  <div class="container mt-5">
    <form>
      <div class="form-group">
        <label for="exampleInputFile">Example file input</label>
        <input type="file" class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp">
        <small id="fileHelp" class="form-text text-muted">This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.</small>
      </div>
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>
  </div>

  <script>
    $(document).ready(function() {
      $('input[file]').jasny_bootstrap();
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!

All versions