如何將我的文本更改為在左側，將表格更改為在右側

我有一個文本，我喜歡它出現在我的登錄頁面的左側，而我的登錄表單出現在右側。請問如何在引導程式 5 中更改它？我試過但失敗了，有沒有人可以幫忙：

我的文字：

 <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>

登錄表格：

  <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>

uj5u.com熱心網友回復：

為了達到預期的結果，您必須將所有代碼放入一個容器和一行，而不是為每個部分使用 2 個不同的容器和行。我們在引導程式中有 12 個 cols，因此您必須將 col-md-8 更改為 col-md-6 或小于 6。

<div class="container">
<div class="row ">
    <div class="col-md-6">
        <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 class="col-md-6">
        <form method="POST">
          
            <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>

標籤：html css 引导程序 5

上一篇：在最后一項禁用向左或向右箭頭

下一篇：在django中具有一對一關系的同時上傳檔案