如何在 bootstrap 中放置 2 个相互平行的 div

Question

我已经尝试过 col-xs-6 first child 和其他东西请说明如何仅使用引导程序

我的代码=

`<div class="container">
        <div class="row">
            <div class="container-md bg-danger center-block ">
                <form>
                    <div class="col">
                        <div class="text-center">
                            <label for="job-name">Type job name</label><br>
                            <input type="text" class="form-control-lg border-success text-center rounded-circle " id="job-name " rows="3" placeholder="Job-name">
                        </div>
                        <div>
                            <label for="first-name">Type first name</label><br>
                            <input type="text" class="border-dark form-control-lg-mb2 mt-2 ml-2 text-center rounded-right" id="first-name"  rows="3" placeholder="first Name" required><br>
                        </div>
                        <div class="align-self-right" >
                            <label for="last-name">Type last name</label><br>
                            <input type="text" class="border-dark form-control-lg-mb2 ml-2 text-center rounded-right" id="last-name" rows="3" placeholder="Enter your last Name" required><br>
                        </div>
                        <div class="align-self-right" >
                            <label for="last-name">Type Phone number</label><br>
                            <input type="text" class="border-dark form-control-lg-mb2 ml-2 rounded-right" id="last-name" rows="3" placeholder="Enter your Number"><br>
                        </div>
                        <div class="align-self-right" >
                            <label for="last-name">Type Email</label><br>
                            <input type="text" class="border-dark form-control-lg-mb2 ml-2 rounded-right" id="last-name" rows="3" placeholder="Enter your Email"><br>
                        </div>
                        <div class="align-self-right" >
                            <label for="last-name"> Age</label><br>
                            <input type="date" class="border-dark form-control-lg-mb2 ml-2 rounded-right" id="last-name" rows="3" placeholder="Enter your last Name"><br>
                        </div>

                    </div>
                    <div class="col">
                       <div class="text-right" >
                           <label for="last-name"> Age</label><br>
                           <input type="date" class="border-dark form-control-lg-mb2 ml-2 rounded-right" id="last-name" rows="3" placeholder="Enter your last Name"><br>
                        </div>
                    </div>
                </form>             
             </div>         
        </div>  
    </div>`

我试过 col-xs-6 不工作我想把这些 div 放在一起，或者我们可以说彼此平行，但它没有改变