- <!doctype html>
- <html lang="en">
- <head>
- <title>Title</title>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
- </head>
- <style>
- body{
- padding: 0;
- margin: 0;
- width: 100%;
- }
- .main-content{
- width: 100%;
- height: 100vh;
- }
- .content{
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- background-color: white;
- width: 70%;
- height: 70%;
- }
- </style
- <body>
- <div class="main-content bg-secondary">
- <div class="content">
- </div>
- </div>
- </body>
- </html>
[text] NA
Viewer
Editor
You can edit this paste and save as new: