Итак, сегодня, создавая шаблон HTML-блэйда, я понял, что мой нижний колонтитул не отображается внизу страницы.Вместо этого он отображается как середина страницы.
Это мои коды;
app.blade.php (мой "шаблон" в основном)
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=11">
<meta http-equiv="X-UA-Compatible" content="IE=10">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#fdb918">
<link rel="manifest" href="{{asset('manifest.json')}}">
@include('layouts.scripts.mainscripts')
@include('layouts.styles.styles')
@include('layouts.scripts.social-login')
{!! SEO::generate() !!}
</head>
<body>
<div id="app">
<header>
@include('layouts.header.header')
</header>
<main class="py-4">
@yield('content')
</main>
<footer>
@include('layouts.footer.footer')
</footer>
</div>
</body>
@include('layouts.scripts.scripts')
</html>
мой footer.blade.php
<footer id="footer">
<div class="footer-container">
<div class="footer bg-faded">
<div class="container">
<div class="row footer-top flex-md-row no-gutters">
<div class="col-md-4 col-lg-4 col-12 float-sm-left hidden-sm-down">
<small>All rights reserved</small>
</div>
<div class="col-md-4 col-lg-4 col-12 float-sm-right kor_ipad">
<h3>Contact</h3>
<div class="block-help-text">
<div class="help-content">
<a href="mailto:help.my@.com">help.my@.com</a>
</div>
</div>
<div class="block-help-text">
<div class="help-content">
<a href="tel:+">+</a>
</div>
</div>
</div>
<div class="col-md-5 col-lg-4 col-12 float-sm-left hidden-md-up">
<div class="folow-us social-link-inner-mobile">
<a href="https://www.facebook.com//" target="_blank">
<i class="icon-social icon-facebook" title="Facebook Logo | "></i>
</a>
<a href="https://www.instagram.com//" target="_blank">
<i class="icon-social icon-instagram" title="Instagram Logo | "></i>
</a>
<a href="https://www.youtube.com/user/" target="_blank">
<i class="icon-social icon-youtube" title="YouTube Logo | "></i>
</a>
</div>
<small>All rights reserved</small>
</div>
</div>
<div class="footer-bottom">
<div class="row">
<div class="col col-sm-12 col-md-4">
<div class="group-link">
<a href="/privacy-policy">Privacy Policy</a>
<a href="/terms-conditions">Terms & Conditions</a>
</div>
</div>
<div class="col col-md-8 hidden-sm-down no-pd-left">
<div class="folow-us social-link-inner">
<a href="https://www.facebook.com//" target="_blank">
<i class="icon-social icon-facebook" title="Facebook Logo | "></i>
</a>
<a href="https://www.instagram.com//" target="_blank">
<i class="icon-social icon-instagram" title="Instagram Logo | "></i>
</a>
<a href="https://www.youtube.com/channel/UC4Hd_9mBGxhD6PRNy9scHqQ/featured" target="_blank">
<i class="icon-social icon-youtube" title="YouTube Logo | "></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
Есть ли причина, по которой мой нижний колонтитул отображается насередина страницы вместо нижней части страницы?Кроме того, еще одна вещь, которую я заметил, это то, что моя позиция нижнего колонтитула является абсолютной, как бы там ни было, я всегда нахожусь в одном и том же месте.