How can I change the layout in Bootstrap 5 so that my text appears on the left hand side of my login page and the login form on the right? I have tried but failed, is there anyone who can help please?
Here is my text:
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<h6 class="display-5 fw-bold text-primary">
Borinati is the place to gain and share knowledge.<br />
<span class="text-primary">It's a website to ask questions based on categories and connect with Professional people
around the world.
</span>
</h6>
</div>
</div>
</div>
And here is the login form:
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<form method="POST">
{% csrf_token %}
<div class="form-group">
<label style="font-family: Arial, Helvetica, sans-serif; color: dodgerblue;">Enter Username</label>
<input type="text" class="form-control" name="username">
</div>
<br>
<div class="form-group">
<label style="font-family: Arial, Helvetica, sans-serif; color: dodgerblue;">Enter Password</label>
<input type="password" class="form-control" name="password">
</div>
<br>
<a href="{% url 'register' %}" style="text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: dodgerblue;">
Create An Account
</a>
<br>
<button type="submit" class="btn btn-primary">Login</button>
</form>
</div>
</div>
</div>