Html bootstrap3中row类的奇怪行为_Html_Css_Razor_Twitter Bootstrap 3

Html bootstrap3中row类的奇怪行为

html css razor twitter-bootstrap-3

Html bootstrap3中row类的奇怪行为,html,css,razor,twitter-bootstrap-3,Html,Css,Razor,Twitter Bootstrap 3,今天，我在表单设计中遇到了一个奇怪的问题。我使用的是bootstrap3，在我的HTML代码中，我将row类分配给了不同的div。我面临的问题是，两个拥有同一个班级的部门表现不同 <form class="form-horizontal" id="frmcreatebank" role="form"> <div class="row"> <div class="col col-sm-6 form-group-sm">

今天，我在表单设计中遇到了一个奇怪的问题。我使用的是bootstrap3，在我的HTML代码中，我将

row

类分配给了不同的div。我面临的问题是，两个拥有同一个班级的部门表现不同

<form class="form-horizontal" id="frmcreatebank" role="form">
     <div class="row">
        <div class="col col-sm-6 form-group-sm">
            <div class="form-group" style="text-align:left;">
                <label class="col-sm-5" for="BANKROUTENO">
                      BANKROUTE NO :
                </label>
            <div class="col-sm-7 form-group">
                      @Html.TextBox("TXT_BANKROUTENO", null, null, new { @class = "form-control validate[required] minSize[9] number", maxLength = 9, data_width = "100%" })
            </div>
      </div>
  </div>
  <div class="col col-sm-6 form-group-sm">
      <div class="form-group" style="text-align:left;">
          <label class="col col-sm-5" for="BANKNAME">
                BANK NAME :
          </label>
      <div class="col-sm-7">
      <div class="form-group">
          @Html.TextBox("TXT_BANKNAME", null, null, new { @class = "form-control validate[required]", maxLength = 50 })
      </div>
 </div>
 </div>
 </div>
 </div>
 <div class="row">
     <div class="col col-sm-4 form-group-sm">
        <div class="form-group" style="text-align:left;">
            <label class="col col-sm-5" for="ADD1">
                  ADDRESS(1) :
            </label>
        <div class="col col-sm-7">
            @Html.TextBox("TXT_ADD1", null, null, new { @class = "form-control validate[required]", maxLength = 50 })
        </div>
     </div>
     </div>
     <div class="col col-sm-4 form-group-sm">
         <div class="form-group" style="text-align:left;">
             <label for="ADD2" class="col col-sm-5">
                  ADDRESS(2) :
             </label>
         <div class="col col-sm-7">
             @Html.TextBox("TXT_ADD2", null, null, new { @class = "form-control", maxLength = 50 })
         </div>
     </div>
     </div>
     <div class="col col-sm-4 form-group-sm">
         <div class="form-group" style="text-align:left;">
             <label class="col col-sm-5" for="ADD3">
                   ADDRESS(3) :
             </label>
         <div class="col col-sm-7">
             @Html.TextBox("TXT_ADD3", null, null, new { @class = "form-control", maxLength = 50 })
         </div>
     </div>
     </div>
     </div>
     <div class="row">
         <div class="col col-sm-4 form-group-sm">
            <div class="form-group" style="text-align:left;">
                <label class="col col-sm-5" for="PINCODE">
                     PINCODE :
                </label>
            <div class="col col-sm-7">
                @Html.TextBox("TXT_PINCODE", null, null, new { @class = "form-control validate[required] minSize[6] number", maxLength = 6 })
            </div>
      </div>
 </div>
  <div class="col col-sm-4 form-group-sm">
      <div class="form-group">
          <label class="col col-sm-5" for="CITY">CITY :</label>
          <div class="col col-sm-7">
             @Html.DropDownList("DDL_CITY", new SelectList(ViewBag.TypeList, "CODE", "LONGDESC"), "-- Select City --", new { @class = "selectpicker validate[required]", data_width = "100%" })
           </div>
       </div>
   </div>
   <div class="col col-sm-4 form-group-sm">
       <div class="form-group" style="text-align:left;">
           <label class="col col-sm-5" for="EMAIL">
                 EMAIL :
           </label>
        <div class="col col-sm-7">
    <div class="form-group">
        @Html.TextBox("TXT_EMAIL", null, new { @class = "form-control validate[required,custom[email]]" })
    </div>
    </div>
    </div>
    </div>
        </div>
   <div class="row">
   <div class="col col-sm-4 form-group-sm">
       <div class="form-group" style="text-align:left;">
           <label class="col col-sm-5" for="TELEPHONE1">
                 TELEPHONE(1) :
           </label>
       <div class="col col-sm-7">
           <div class="form-group">
              @Html.TextBox("TXT_TELEPHONE1", null, new { @class = "form-control validate[required] number", maxLength = 12 })
           </div>
       </div>
       </div>
       </div>
         <div class="col col-sm-4 form-group-sm">
             <div class="form-group" style="text-align:left;">
                 <label class="col col-sm-5" for="TELEPHONE2">
                       TELEPHONE(2) :
                 </label>
              <div class="col col-sm-7">
                  <div class="form-group">
                      @Html.TextBox("TXT_TELEPHONE2", null, new { @class = "form-control number", maxLength = 12 })
                  </div>
              </div>
          </div>
      </div>
   <div class="col-sm-4 form-group-sm">
      <div class="form-group" style="text-align:left;">
          <label class="col col-sm-5" for="MOBILE">
                MOBILE :
          </label>
       <div class="col col-sm-7">
     <div class="form-group">
         @Html.TextBox("TXT_MOBILE", null, new { @class = "form-control number", maxLength = 10 })
      </div>
      </div>
      </div>
      </div>
      </div>
  </form>


银行路线编号：
@TextBox（“TXT_BANKROUTENO”，null，null，new{@class=“form control validate[required]minSize[9]number”，maxLength=9，data_width=“100%”）
银行名称：
@TextBox（“TXT_BANKNAME”，null，null，new{@class=“form control validate[required]”，maxLength=50}）
地址（1）：
@TextBox（“TXT_ADD1”，null，null，new{@class=“form control validate[required]”，maxLength=50}）
地址（2）：
@TextBox（“TXT_ADD2”，null，null，new{@class=“form control”，maxLength=50}）
地址（3）：
@TextBox（“TXT_ADD3”，null，null，new{@class=“form control”，maxLength=50}）
PINCODE：
@TextBox（“TXT_PINCODE”，null，null，new{@class=“form control validate[required]minSize[6]number”，maxLength=6}）
城市：
@Html.DropDownList（“DDL_CITY”，new SelectList（ViewBag.TypeList，“CODE”，“LONGDESC”），“--Select CITY--”，new{@class=“selectpicker validate[required]”，data_width=“100%”）
电邮：
@TextBox（“TXT_EMAIL”，空，新{@class=“表单控件验证[必需，自定义[电子邮件]]”）
电话（1）：
@TextBox（“TXT_TELEPHONE1”，null，新{@class=“form control validate[required]number”，maxLength=12}）
电话（2）：
@TextBox（“TXT_TELEPHONE2”，空，新{@class=“form control number”，maxLength=12}）
流动电话：
@TextBox（“TXT_MOBILE”，null，new{@class=“form control number”，maxLength=10}）

这里的问题是两排之间有很大的差距

此屏幕截图中说明了问题

正如你们所看到的，第一排和第二排之间的间隙太大了。我希望这个间距和第二排和第三排之间的间距相同

任何帮助都将不胜感激。

希望这能奏效


银行路线编号：
@TextBox（“TXT_BANKROUTENO”，null，null，new{@class=“form control validate[required]minSize[9]number”，maxLength=9，data_width=“100%”）
银行名称：
@TextBox（“TXT_BANKNAME”，null，null，new{@class=“form control validate[required]”，maxLength=50}）
地址（1）：
@TextBox（“TXT_ADD1”，null，null，new{@class=“form control validate[required]”，maxLength=50}）
地址（2）：
@TextBox（“TXT_ADD2”，null，null，new{@class=“form control”，maxLength=50}）
地址（3）：
@TextBox（“TXT_ADD3”，null，null，new{@class=“form control”，maxLength=50}）
PINCODE：
@TextBox（“TXT_PINCODE”，null，null，new{@class=“form control validate[required]minSize[6]number”，maxLength=6}）
城市：
@Html.DropDownList（“DDL_CITY”，new SelectList（ViewBag.TypeList，“CODE”，“LONGDESC”），“--Select CITY--”，new{@class=“selectpicker validate[required]”，data_width=“100%”）
电邮：
@TextBox（“TXT_EMAIL”，空，新{@class=“表单控件验证[必需，自定义[电子邮件]]”）
电话（1）：
@TextBox（“TXT_TELEPHONE1”，null，新{@class=“form control validate[required]number”，maxLength=12}）
电话（2）：
@TextBox（“TXT_TELEPHONE2”，空，新{@class=“form control number”，maxLength=12}）