Skip to content

Instantly share code, notes, and snippets.

@ifirmawan

ifirmawan/index.html

Created October 18, 2023 12:57
Show Gist options
  • Save ifirmawan/db8eb483cfdbb339ad3917e724aabab8 to your computer and use it in GitHub Desktop.
Save ifirmawan/db8eb483cfdbb339ad3917e724aabab8 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 5 starter html
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
crossorigin="anonymous"
/>
<title>Hello, world!</title>
<style>
.row > .col,
.row > [class^="col-"] {
margin: 10px 0;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border: 1px solid rgba(86, 61, 124, 0.2);
background-color: rgba(86, 61, 124, 0.15);
}
</style>
</head>
<body>
<div
class="container min-vh-100 d-flex flex-column justify-content-center align-items-center"
>
<div class="row p-5 bg-light">
<h1>Hello, world!</h1>
<p>Text <i>inside</i> responsive container</p>
</div>
</div>
<!-- Bootstrap Bundle with Popper -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossorigin="anonymous"
></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment