Html 在局部视图中相邻放置两列

我正在MVC中开发一个包含两列表单的部分。然而，其中一个表单位于另一个表单的下方。这是我的密码

<div class="row">

        <div id="partialColumn1" class= "col-md-12">

            <div class="field padding-left-40">
                <label>First Name:</label>
                <input id="add_Client_firstName-1" name="add_Client_firstName-1" type="text" value="[First Name goes here ]">
            </div>

            <div class="field padding-left-40">
                <label>Last Name:</label>
                <input id="add_Client_lastName-1" name="add_Client_LastName-1" type="text" value="[Last Name goes here ]">
            </div>


        <div id="partialColumn2" class="col-md-12">
            <div class="field padding-left-40">
                <label>Referral Date:</label>
                <input id="add_Client_referralDate-1" name="add_Client_referralDate-1" type="Date" />
            </div>


            </div>
            </div>     
        </div>           
    </div>

---

这是我的第一个项目，所以欢迎任何建议。

将您的COL分为6个，然后删除您的css，COL已经内联了

     <div class='row'>
        <div id="partialColumn1" class= "col-md-6">

            <div class="field padding-left-40">
                <label>First Name:</label>
                <input id="add_Client_firstName-1" name="add_Client_firstName-1" type="text" value="[First Name goes here ]">
            </div>

            <div class="field padding-left-40">
                <label>Last Name:</label>
                <input id="add_Client_lastName-1" name="add_Client_LastName-1" type="text" value="[Last Name goes here ]">
            </div>
        </div>

        <div id="partialColumn2" class="col-md-6">
            <div class="field padding-left-40">
                <label>Referral Date:</label>
                <input id="add_Client_referralDate-1" name="add_Client_referralDate-1" type="Date" />
            </div>
        </div>        
    </div>

名字：
姓氏：
转介日期：

#partialColumm2

嵌套在

#partialColumn1

；）尝试将

#partialColumn2

置于

#partialColumn1

之外：D

至少它对我有用

---

演示：

你想完成什么？对不起，我想在我的局部视图中并排显示两列。我查看了Chrome developer tools，想知道为什么它显示得很有趣。我把我的沙发弄脏了！非常感谢。当然，没问题：）

     <div class='row'>
        <div id="partialColumn1" class= "col-md-6">

            <div class="field padding-left-40">
                <label>First Name:</label>
                <input id="add_Client_firstName-1" name="add_Client_firstName-1" type="text" value="[First Name goes here ]">
            </div>

            <div class="field padding-left-40">
                <label>Last Name:</label>
                <input id="add_Client_lastName-1" name="add_Client_LastName-1" type="text" value="[Last Name goes here ]">
            </div>
        </div>

        <div id="partialColumn2" class="col-md-6">
            <div class="field padding-left-40">
                <label>Referral Date:</label>
                <input id="add_Client_referralDate-1" name="add_Client_referralDate-1" type="Date" />
            </div>
        </div>        
    </div>