add 3 col and suppr button

This commit is contained in:
Mat911
2024-10-22 13:03:24 +04:00
parent 151519e6f5
commit 30b78598a5
+21 -20
View File
@@ -1,34 +1,35 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
</head> </head>
<body> <body>
<nav <nav class="nav justify-content-center">
class="nav justify-content-center" <a class="nav-link active" href="#">Louis Fonci</a>
> <a class="nav-link active" href="#">Despacito</a>
<a class="nav-link active" href="#" aria-current="page" <a class="nav-link active" href="#">2018</a>
>Active link</a
>
<a class="nav-link" href="#">Link</a>
<a class="nav-link disabled" href="#">Disabled link</a>
</nav> </nav>
<div class="d-grid gap-2"> <div class="container text-center">
<button <div class="row">
type="button" <div class="col" style="background-color: blue;">
name="Despacito" Column
id="" </div>
class="btn btn-primary" <div class="col" style="background-color: aquamarine;">
> Column
Despacito </div>
</button> <div class="col" style="background-color: blueviolet;">
</div> Column
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body> </body>
</html> </html>