32 lines
1.3 KiB
HTML
32 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>dasdasd</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
|
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
|
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
|
|
<link rel="stylesheet" href="./style.css">
|
|
</head>
|
|
<body class="h-100 d-flex flex-column">
|
|
|
|
|
|
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling"
|
|
aria-controls="offcanvasScrolling">Enable body scrolling
|
|
</button>
|
|
|
|
<div class="offcanvas offcanvas-start show" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1"
|
|
id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
|
|
<div class="offcanvas-header">
|
|
<h5 class="offcanvas-title" id="offcanvasScrollingLabel">Offcanvas with body scrolling</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body">
|
|
<p>Try scrolling the rest of the page to see this option in action.</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |