Как сдвинуть слово эквилибриум и нижнюю строчку в bootstrap 4?

0

Посмотрите на скриншот http://joxi.ru/YmEvxdvTwlwax2. Каким образом слово Эквилибриум и нижнюю строчку сдвинуть вниз ?

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title> Эквилибриум </title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8">
<ul class="nav navbar-nav">
{% if not request.get_full_path == '/' %}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">Категории <span class="caret"></span></a>
<ul class="dropdown-menu">
{% for category in categories %}
<li><a href="{{ category.get_absolute_url }}">{{ category.name }}</a></li>
{% endfor %}
</ul>
</li>
{% endif %}
</ul>
</div>
</nav>
<!-- Page Content -->
<div class="container">
{% block content %}
<div class="row">
<div class="col-lg-3">
<p class="lead">Эквилибриум</p>
<div class="list-group">
{% for category in categories %}
<a href="{{ category.get_absolute_url }}" class="list-group-item">{{ category.name }}</a>
{% endfor %}
</div>
</div>
<!-- /.col-lg-3 -->
<div class="row">
{% for product in products %}
<div class="col-lg-4 col-md-6 mb-4">
<div class="thumbnail">
<img src="{{ product.image.url }}" alt="" style="width:100px; height: 150px;">
<div class="caption">
<h4 class="pull.right">{{ product.price }} руб.</h4>
<h5><strong><a href="{{ product.get_absolute_url }}">{{ product.title }}</a></strong></h5>
<p>{{ product.description }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
<!-- /.row -->
</div>
<!-- /.col-lg-9 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<div class="container">
{% endblock content %}
</div>
</body>
</html>
<footer class="py-0 bg-dark">
<div class="container">
<p class="m-145454 text-green">Copyright © Your Website 2019</p>
</div>
<!-- /.container -->
</footer>
bootstrap 4

1 ответов

0

Загугли Sticky footer bootstrap 4 или в этом темплейте поспотри как реализовано:

https://getbootstrap.com/docs/4.0/examples/sticky-footer-navbar/

Sign up or Log in to write an answer