将表单浮动到bootstrap 2列中,但不是内联

时间:2016-06-07 07:52:17

标签: css asp.net twitter-bootstrap webforms

您好我正在尝试将表单设为2列,我的意思是表单一直到底部然后将二级表单包装到右侧,以便联合申请人的合作伙伴可以输入他或她的详细信息与联合申请相匹配。

但是当你看到我有的标记是bootstrap 3只是生成一个继续形式,它说伙伴细节我需要它向右浮动。

https://snag.gy/u1EWX4.jpg

但正如你可以看到它显示表格全屏甚至不是2列我需要它分开我在代码中说伙伴细节,以便firtname姓氏字段正确排列它基本上左边的字段的重复应该是在右边。

如果文本合作伙伴详细信息在代码标记中,我需要它向右浮动,你会看到我甚至尝试了一个浮动权利的div但是没有用作inpedned

<asp:UpdatePanel ID="uptPanelPersonalDetails" runat="server">
 <ContentTemplate>
     <fieldset>
         <div class="form-group">
         <label class="col-md-4 control-label" for="textinput">Is Joint Application</label>
         <div class="col-md-8">
            <label class="checkbox">
                    &nbsp;&nbsp;<telerik:RadCheckBox AutoPostBack="true" OnCheckedChanged="chkIsJointApplication_CheckedChanged" Skin="Bootstrap" ID="chkIsJointApplication" runat="server"></telerik:RadCheckBox>
                            </label>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">IVA Code</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtIVACode" CssClass="form-control" Width="20%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <!-- Text input-->
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">
                            First Name</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtFirstName" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <!-- Text input-->
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Middle Name</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtMiddle" CssClass="form-control" Width="20%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <!-- Text input-->
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">
                            Surname</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtSurname" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <!-- Text input-->
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Saluatation</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="rdSaluation" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Ailases</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtAilases" CssClass="form-control" Width="40%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Marital Status</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="rdMartialStatus" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Introducer Name</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="txtIntroducerName" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Address Line 1</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtAddressLine1" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Address Line 2</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtAddressLine2" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">City</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtCity" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Post Code</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtPostCode" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">County</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="dpCounty" CssClass="form-group-lg" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Country</label>
                        <div class="col-md-8">

                            <telerik:RadComboBox ID="dpCountry" Width="50%" CssClass="form-group-lg" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Date Of Birth</label>
                        <div class="col-md-8">
                            <telerik:RadDatePicker ID="rdDob" Skin="Bootstrap" runat="server"></telerik:RadDatePicker>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Age</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtAge" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Home Tel NO.</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtHomeTelNo" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Work Tel No</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtWorkTelNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Fax No</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtFaxNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Mobile No</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtMobileNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Best Time to Call</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtBestTimeToCall" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Prefered Contact Method</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="rdPreferedContactMethod" Width="50%" CssClass="form-group-lg" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Best Time to Call</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="txtEmail" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Gender</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="rdGender" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div style="float: right;">
                        Partner Details

            <!-- Text input-->
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">
                                First Name</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox1" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>
                        <!-- Text input-->
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Middle Name</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox2" CssClass="form-control" Width="20%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>
                        <!-- Text input-->
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">
                                Surname</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox3" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>
                        <!-- Text input-->
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Saluatation</label>
                            <div class="col-md-8">
                                <telerik:RadComboBox ID="RadComboBox1" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Ailases</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox4" CssClass="form-control" Width="40%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Marital Status</label>
                            <div class="col-md-8">
                                <telerik:RadComboBox ID="RadComboBox2" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Introducer Name</label>
                            <div class="col-md-8">
                                <telerik:RadComboBox ID="RadComboBox3" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Address Line 1</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox5" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Address Line 2</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox6" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">City</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox7" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Post Code</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox8" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">County</label>
                            <div class="col-md-8">
                                <telerik:RadComboBox ID="RadComboBox4" CssClass="form-group-lg" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Country</label>
                            <div class="col-md-8">

                                <telerik:RadComboBox ID="RadComboBox5" Width="50%" CssClass="form-group-lg" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Date Of Birth</label>
                            <div class="col-md-8">
                                <telerik:RadDatePicker ID="RadDatePicker1" Skin="Bootstrap" runat="server"></telerik:RadDatePicker>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Age</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox9" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Home Tel NO.</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox10" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Work Tel No</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox11" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Fax No</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox12" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Mobile No</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox13" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Best Time to Call</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox14" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Prefered Contact Method</label>
                            <div class="col-md-8">
                                <telerik:RadComboBox ID="RadComboBox6" Width="50%" CssClass="form-group-lg" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Best Time to Call</label>
                            <div class="col-md-8">
                                <telerik:RadTextBox ID="RadTextBox15" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" for="textinput">Gender</label>
                            <div class="col-md-8">
                                <telerik:RadComboBox ID="RadComboBox7" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                            </div>
                        </div>
                    </div>
                </fieldset>
            </ContentTemplate>
  </asp:UpdatePanel>

注1 我曾尝试过如下所述的方法,但即使如此,我仍然有相同的结果。

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以添加其他网格布局来执行此操作。请参阅plunker here

<div class="col-xs-8">
    <div class="container-fluid">
      <div class="row">
        <div class="col-xs-6">
          <label class="checkbox">
                &nbsp;&nbsp;<telerik:RadCheckBox AutoPostBack="true" OnCheckedChanged="chkIsJointApplication_CheckedChanged" Skin="Bootstrap" ID="chkIsJointApplication" runat="server"></telerik:RadCheckBox>
                        </label>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">IVA Code</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtIVACode" CssClass="form-control" Width="20%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <!-- Text input-->
                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">
                        First Name</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtFirstName" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>
                <!-- Text input-->
                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Middle Name</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtMiddle" CssClass="form-control" Width="20%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>
                <!-- Text input-->
                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">
                        Surname</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtSurname" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>
                <!-- Text input-->
                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Saluatation</label>
                    <div class="col-md-8">
                        <telerik:RadComboBox ID="rdSaluation" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Ailases</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtAilases" CssClass="form-control" Width="40%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Marital Status</label>
                    <div class="col-md-8">
                        <telerik:RadComboBox ID="rdMartialStatus" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Introducer Name</label>
                    <div class="col-md-8">
                        <telerik:RadComboBox ID="txtIntroducerName" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Address Line 1</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtAddressLine1" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Address Line 2</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtAddressLine2" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">City</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtCity" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Post Code</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtPostCode" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">County</label>
                    <div class="col-md-8">
                        <telerik:RadComboBox ID="dpCounty" CssClass="form-group-lg" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Country</label>
                    <div class="col-md-8">

                        <telerik:RadComboBox ID="dpCountry" Width="50%" CssClass="form-group-lg" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Date Of Birth</label>
                    <div class="col-md-8">
                        <telerik:RadDatePicker ID="rdDob" Skin="Bootstrap" runat="server"></telerik:RadDatePicker>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Age</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtAge" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Home Tel NO.</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtHomeTelNo" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Work Tel No</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtWorkTelNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Fax No</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtFaxNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Mobile No</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtMobileNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Best Time to Call</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtBestTimeToCall" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Prefered Contact Method</label>
                    <div class="col-md-8">
                        <telerik:RadComboBox ID="rdPreferedContactMethod" Width="50%" CssClass="form-group-lg" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Best Time to Call</label>
                    <div class="col-md-8">
                        <telerik:RadTextBox ID="txtEmail" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-4 control-label" for="textinput">Gender</label>
                    <div class="col-md-8">
                        <telerik:RadComboBox ID="rdGender" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                    </div>
                </div>
        </div>
        <div class="col-xs-6">
          Partner Details

        <!-- Text input-->
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">
                            First Name</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox1" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <!-- Text input-->
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Middle Name</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox2" CssClass="form-control" Width="20%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <!-- Text input-->
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">
                            Surname</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox3" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <!-- Text input-->
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Saluatation</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="RadComboBox1" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Ailases</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox4" CssClass="form-control" Width="40%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Marital Status</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="RadComboBox2" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Introducer Name</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="RadComboBox3" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Address Line 1</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox5" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Address Line 2</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox6" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">City</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox7" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Post Code</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox8" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">County</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="RadComboBox4" CssClass="form-group-lg" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Country</label>
                        <div class="col-md-8">

                            <telerik:RadComboBox ID="RadComboBox5" Width="50%" CssClass="form-group-lg" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Date Of Birth</label>
                        <div class="col-md-8">
                            <telerik:RadDatePicker ID="RadDatePicker1" Skin="Bootstrap" runat="server"></telerik:RadDatePicker>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Age</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox9" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Home Tel NO.</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox10" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Work Tel No</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox11" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Fax No</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox12" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Mobile No</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox13" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Best Time to Call</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox14" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Prefered Contact Method</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="RadComboBox6" Width="50%" CssClass="form-group-lg" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Best Time to Call</label>
                        <div class="col-md-8">
                            <telerik:RadTextBox ID="RadTextBox15" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label" for="textinput">Gender</label>
                        <div class="col-md-8">
                            <telerik:RadComboBox ID="RadComboBox7" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                        </div>
                    </div>
        </div>
      </div>