html - 对齐不同的 bootstrap 列

Question

我写了一个表格，如图here .
CSS 是:

#mainContainer {
    width: 1000px;
    margin: 0px auto;
    overflow: hidden;
}
.form {
    padding-left: 0%;
    height: 123px;
    min-height: 520px;
    min-width: 350px;
    width: 34%;
    background: #166bb3;
}
#formDiv {
    margin: 5%;
}
#username, #selectCou {
    width: -moz-available;
    height: 36px;
}
#dob {
    height: 36px;
}
#selectGen {
    height: 36px;
    width: 149px;
}  

您可以看到 Or 出现在表单下方。我希望它出现在 Fill your information here 旁边。我该怎么做？
为了更清楚，这里是屏幕截图:

Answer 1

试试这个:

<div class="row">
    <div class="col-md-6">
    <h4>Fill your information here</h4>

    //put your form here

    </div>
    <div class="col-md-6">
    <h4>Or</h4>

    //your Or content here

    </div>
    </div>