Как добавить отступы по футеру и хедеру, по нужной ширине?

Такая дилемма, у меня есть две полосы которые расположены по бокам, мне нужно чтобы были отступы хедера и футера контента, но чтобы боковые полосы все равно пересекались с хедером и футером, но у контента чтобы был отступ, потому что просто сделать, я могу, но тогда у полос тоже появляется отступы, а они мне не нужны, пробовал как-то ограничить по ширине, но все равно - нет

html, body {
	height: 100%;
}

.left-column, .right-column {
	position: absolute;
	height: 100%;
	padding: 17px 0 18px 0;
	border-right: 100px solid #44505d;
}
.right-column {
	right: 0;
}
.left-column {
	margin-left: 15px;
}
.navbar a:hover {
	color: #ffc107!important;
	letter-spacing: 1px;
}
.begin_content {
	width: 10%;
}

.wrapper {
	min-height: 96%;
}

footer {
	color: #666;
	background-color: #222;
	padding: 15px 0 15px 0;
	border-top: 1px solid #000;
	position: absolute;
	width: 100%;
}

footer p {
	margin-bottom: 0;
}

<?php
	require "include.php"; 
 ?>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="work lesson 1: window calculator">
	<meta name="keywords" content="work, php, html, css, bootstrap">
	<title>Window calculator</title>
	<link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
</head>
<body>
		<nav role="navigation" class="navbar navbar-expand-lg navbar-dark bg-dark"><a href="calc_window.php" class="logo navbar-brand col-lg-1">NikSol</a>
			<select name="language" id="" class="offset-lg-10 offset-md-10">
				<option value="ru">ru</option>
				<option value="ua">ua</option>
				<option value="en">en</option>
			</select>
		</nav>
	<div class="wrapper">
	<div class="row">

		<div class="left-column order-first"></div>

		<div class="right-column order-last "></div>
	</div>
	<div class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-10 offset-sm-1">
		<a href="#collapse_content1" class="btn btn-warning" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="collapse_content1">
			Калькулятор окон
		</a>
		<div class="collapse" id="collapse_content1">
			<div class="card card-body col-lg-3">
			Пока что не готово
			</div>
		</div>
	</div>
	</div>
	<footer class="navbar-fixed-bottom row-fluid">
		<p class="text-center">Footer – футер, он же подвал сайта – это блок в нижней части страницы, куда выносят полезную, но не первостепенную информацию.</p>
	</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
</body>
</html>

bootstrap

Как добавить отступы по футеру и хедеру, по нужной ширине?

0 ответов