I am struggling to position the sign-in tab at the top right corner of the navigation bar, along with the search form. Unfortunately, I cannot achieve the desired alignment as depicted in the image despite using Bootstrap 4.0 and the necessary files listed below:
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="h...
<p><a href="https://i.sstatic.net/Gl2zV.png" rel="nofollow noreferrer"></a></p>
<p>My goal is to modify the formatting provided in the example at <a href="https://getbootstrap.com/docs/4.0/examples/jumbotron/" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.0/examples/jumbotron/</a>.</p>
<pre><code><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="{% url 'home' %}">Project</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navb...
<p>Moreover, I am encountering issues with the footer placement on my webpage. It does not stay at the bottom as intended when navigating through different links.</p>
<p><a href="https://i.sstatic.net/SjBFr.png" rel="nofollow noreferrer"></a></p>
<pre><code><footer>
<div class= "navbar navbar-inverse navbar-static-bottom" role="navigation">
<div class="navbar-text pull-left">
</div>
<div class= "navbar-text pull-right">
<!-- Add in your social media / github links here -->
<a href="https://github.com">
<i class="fa fa-github-square fa-2x"></i></a>
</div>
<!--Below is the copyright information for the site. You can fill in your own here.-->
<div class="navbar-text pull-left">
© Copyright 2017
</div>
</div>
</footer>