Get started with winstrap CDN
(MIT OR OFL-1.1) licensed
Winsrap is a lightweight library for creating custom window interfaces in the browser.
Tags:- microsoft
- windows
- bootstrap
- theme
Stable version
Copied!
How to start using winstrap CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.cdnhub.io/winstrap/0.5.12/css/winstrap.min.css">
<link rel="stylesheet" href="https://cdn.cdnhub.io/winstrap/0.5.12/css/winstrap-ui.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.cdnhub.io/winstrap/0.5.12/js/winstrap.min.js"></script>
<title>Get started with winstrap CDN - cdnhub.io</title>
</head>
<body>
<button id="myBtn" class="btn btn-primary">Open Winstrap</button>
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="myModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('#myBtn').on('click', function () {
$('.modal').winModal();
});
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!