снимок
Панель навигации не расширяется, если прокрутить страницу вправо. Я использовал загрузчик navbar с этой страницы. (источник просмотра: https://getbootstrap.com/docs/4.0/examples/navbars/)(second nav). Я использую bootstrap.min.css. Я занимался серфингом StackOverflow для этой проблемы. какой-то пост предлагает использовать
width: 100%;
height: 150px;
margin: 0px auto;
position: relative;
решит эту проблему. Но я не смог найти то же самое в bootstrap.min.css. Также изменение в bootstrap.css не работает. Пожалуйста, помогите мне решить эту проблему.
HTML-файл:
!DOCTYPE html>
<html>
<head>
<title>Inventory</title>
</head>
{% load static %}
<link rel="stylesheet" href="{% static '/css/bootstrap.min.css '%}">
<link rel="stylesheet" href="{% static '/css/button.css '%}">
<body>
<nav class="navbar navbar-expand navbar-dark bg-dark">
<a class="navbar-brand" href="#">xxxxxxxxx - xxxxx</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample02" aria-controls="navbarsExample02" aria-expanded="true" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample02">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<form method="POST" action="/logout/">
{% csrf_token %}
<!-- <a class="nav-link" href="{% url 'logout' %}">Logout</a> -->
<input class="nav-link" id="button" type="submit" value="Logout" style="float: right">
</form>
<!-- <a class="nav-link" href="{% url 'login' %}">Logout</a> -->
</li>
</ul>
</div>
</nav>
<div class="container">
{% block body %}
{% endblock %}
</body>
</html>
Tha
НКС