44 lines
1.3 KiB
HTML
44 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Bootstrap Template</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
.col {
|
|
background: lightgray;
|
|
border: solid thin grey;
|
|
}
|
|
|
|
.row {
|
|
border: solid thin red;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container"></div>
|
|
<div class="row p-2 border justify-content-between">
|
|
<div class="col-12 col-md-7 p-2 m-md-2 border bg-primary text-white">
|
|
Строка 1, столбец 1
|
|
</div>
|
|
<div class="col-12 col-md-3 p-2 m-md-2 border">
|
|
Строка 1, столбец 2
|
|
</div>
|
|
</div>
|
|
<div class="row p-2 border justify-content-between">
|
|
<div class="col-12 col-md-3 p-2 m-md-2 border">
|
|
Строка 2, столбец 1
|
|
</div>
|
|
<div class="col-12 col-md-7 bg-primary text-white col p-2 m-md-2 border">
|
|
Строка 2, столбец 2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
</html> |