Javascript Bootstrap v2.3.2电子商务结账页面中的奇数对齐

我的电子商务结账页面上有一个“账单明细”部分，这确实给我带来了一些麻烦。不知道是怎么回事。使用Bootstrap v2.3.2

确实有很多因素。奇怪的是：

左边这个奇怪的空白。我确实有以上航运细节计费，但大多数网站似乎做航运然后计费。所以，我把它们翻了。但是，这就是问题开始的时候

“我的发货/账单详细信息”区域的代码为：

<div class="checkoutstep" style="display: block;">
<div class="row">
<fieldset>
<div class="span4">
<div class="control-group">
<label class="control-label">Same as Billing Address</label>
<div class="controls">
<input name="ShippingAsBilling" id="ShippingAsBilling" value="yes" type="checkbox">
<script type="text/javascript">
$(document).ready(function(){ 
$('#ShippingAsBilling').click(function(){
if($('#ShippingAsBilling').is(':checked')){
$('#FName_Ship').val($('#FirstName').val());
$('#LName_Ship').val($('#LastName').val());
$('#Phone_Ship').val($('#Phone').val());
var state = $('#State option:selected').val();
$('#State_Ship option[value=' + state + ']').attr('selected','selected');
$('#Company_Ship').val($('#Company').val());
$('#Address1_Ship').val($('#Address1').val());
$('#Address2_Ship').val($('#Address2').val());
$('#City_Ship').val($('#City').val());
$('#PostalCode_Ship').val($('#PostalCode').val());
var country = $('#Country option:selected').val();
$('#Country_Ship option[value=' + country + ']').attr('selected','selected');
populateShippingMethods('Default');
} else { 
//Clear on uncheck
$('#FName_Ship').val("");
$('#LName_Ship').val("");
$('#Phone_Ship').val("");
$('#State_Ship option[value=Nothing]').attr('selected','selected');
$('#Company_Ship').val("");
$('#Address1_Ship').val("");
$('#Address2_Ship').val("");
$('#City_Ship').val("");
$('#PostalCode_Ship').val("");
$('#Country_Ship').val("");
populateShippingMethods('Default');
};
});
});
</script>
</div>
</div>
<div class="control-group">
<label class="control-label">First Name<span class="red">*</span></label>
<div class="controls">
<input type="text" id="FName_Ship" name="FName_Ship" value="James" onchange="$.ajax( { type: 'GET', dataType: 'json', url: 'dmiajaxsecure.aspx?request=updatedata&fieldname=shipfname&fieldvalue=' + this.value + '&extra=' + rnd() } );">
</div>
</div>
<div class="control-group">
<label class="control-label">Last Name<span class="red">*</span></label>
<div class="controls">
<input type="text" id="LName_Ship" name="LName_Ship" value="Anderson" onchange="$.ajax( { type: 'GET', dataType: 'json', url: 'dmiajaxsecure.aspx?request=updatedata&fieldname=shiplname&fieldvalue=' + this.value + '&extra=' + rnd() } );">
</div>
</div>
<div class="control-group">
<label class="control-label">Telephone<span class="red">*</span></label>
<div class="controls">
<input type="text" id="Phone_Ship" name="Phone_Ship" value="" onchange="$.ajax( { type: 'GET', dataType: 'json', url: 'dmiajaxsecure.aspx?request=updatedata&fieldname=shipphone&fieldvalue=' + this.value + '&extra=' + rnd() } );" placeholder="8005438955">
</div>
</div>
<div class="control-group">
<label class="control-label">Company</label>
<div class="controls">
<input type="text" id="Company_Ship" name="Company_Ship" value="" onchange="$.ajax( { type: 'GET', dataType: 'json', url: 'dmiajaxsecure.aspx?request=updatedata&fieldname=shipCompany&fieldvalue=' + this.value + '&extra=' + rnd() } );">
</div>
</div>
<div class="control-group">
<label class="control-label">Address 1<span class="red">*</span></label>
<div class="controls">
<input type="text" id="Address1_Ship" name="Address1_Ship" maxlength="100" value="241 fox drive" onchange="$.ajax( { type: 'GET', dataType: 'json', url: 'dmiajaxsecure.aspx?request=updatedata&fieldname=shipAddress1&fieldvalue=' + this.value + '&extra=' + rnd() } );">
</div>
</div>
</div>
<div class="span4">
<div class="control-group">
<label class="control-label">Address 2</label>
<div class="controls">
<input type="text" id="Address2_Ship" name="Address2_Ship" maxlength="100" value="" onblur="$.ajax( { type: 'GET', dataType: 'json', url: 'dmiajaxsecure.aspx?request=updatedata&fieldname=shipAddress2&fieldvalue=' + this.value + '&extra=' + rnd() } );">
</div>
</div>
<div class="control-group">
<label class="control-label">City<span class="red">*</span></label>
<div class="controls">
<input type="text" id="City_Ship" name="City_Ship" value="piqua" onchange="$.ajax( { type: 'GET', dataType: 'json', url: 'dmiajaxsecure.aspx?request=updatedata&fieldname=shipCity&fieldvalue=' + this.value + '&extra=' + rnd() } );">
</div>
</div>
<div class="control-group">
<label class="control-label">Post Code<span class="red">*</span></label>
<div class="controls">
<input type="text" id="PostalCode_Ship" name="PostalCode_Ship" value="90210" onblur="populateShippingMethods('Default');" placeholder="45356">
</div>
</div>
<div class="control-group">
<label class="control-label">Country<span class="red">*</span></label>
<div class="controls">
<select name="Country_Ship" id="Country_Ship" class="required" onchange="populateShippingMethods('Default');">
        <option value="US">United States</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label">State<span class="red">*</span></label>
<div class="controls">
<select name="State_Ship" id="State_Ship" class="required" onchange="populateShippingMethods('Default');">

        <option value=""> - Select - </option>
        <option value="AK">Alaska</option>
</select>
</div>
</div>
</div>
</fieldset>
<div class="checkoutsteptitle down" id="Step3">Step 3: Billing Details
</div>
<div class="checkoutstep" style="display: block;">
<div class="row">
<fieldset>
<div class="span4">
<div class="control-group">
<label class="control-label">First Name<span class="red">*</span></label>
<div class="controls">
<input type="text" id="FirstName" name="FirstName" value="James">
</div>
</div>
<div class="control-group">
<label class="control-label">Last Name<span class="red">*</span></label>
<div class="controls">
<input type="text" id="LastName" name="LastName" value="Anderson">
</div>
</div>
<div class="control-group">
<label class="control-label">E-Mail<span class="red">*</span></label>
<div class="controls">
<input type="text" id="E-Mail" name="Email" value="Ananans@amleo.com" placeholder="example@amleo.com"> 
</div>
</div>
<div class="control-group">
<label class="control-label">Telephone<span class="red">*</span></label>
<div class="controls">
<input type="text" id="Phone" name="Phone" value="" placeholder="8005438955">
</div>
</div>
<div class="control-group">
<label class="control-label">Company</label>
<div class="controls">
<input type="text" id="Company" name="Company" value="">
</div>
</div>
</div>
<div class="span4">
<div class="control-group">
<label class="control-label">Address 1<span class="red">*</span></label>
<div class="controls">
<input type="text" id="Address1" name="Address1" value="241 fox drive" maxlength="100">
</div>
</div>
<div class="control-group">
<label class="control-label">Address 2</label>
<div class="controls">
<input type="text" id="Address2" name="Address2" maxlength="100" value="">
</div>
</div>
<div class="control-group">
<label class="control-label">City<span class="red">*</span></label>
<div class="controls">
<input type="text" id="City" name="City" value="piqua">
</div>
</div>
<div class="control-group">
<label class="control-label">Post Code<span class="red">*</span></label>
<div class="controls">
<input type="text" id="PostalCode" name="PostalCode" value="90210" onblur="updateBillingInfo();" placeholder="45356">
</div>
</div>
<div class="control-group">
<label class="control-label">Country<span class="red">*</span></label>
<div class="controls">
<select name="COUNTRY" id="Country" onchange="updateBillingInfo();">
        <option value="US">United States</option> 
</select>   
</div>
</div>
<div class="control-group">
<label class="control-label">State<span class="red">*</span></label>
<div class="controls">
<select name="State" id="State" onchange="updateBillingInfo();">
        <option value=""> - Select - </option>
        <option value="AK">Alaska</option>
</select>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>

与帐单地址相同
$（文档）.ready（函数（）{
$（#ShippingAsBilling'）。单击（函数（）{
如果（$（'#ShippingAsBilling'）。是（':checked'））{
$（'FName_Ship'）.val（$（'FName'）.val（））；
$（'LName_Ship'）.val（$（'LastName'）.val（））；
$（'Phone_Ship'）.val（$（'Phone'）.val（））；
var state=$（'#state选项：selected'）.val（）；
$（'#State_Ship option[value='+State+']'）。attr（'selected'，'selected'）；
$（'Company_Ship'）.val（$（'Company'）.val（））；
$（'地址1''u Ship'）.val（$（'地址1'.val（））；
$（'地址2''u Ship'）.val（$（'地址2'.val（））；
$（'City_Ship'）.val（$（'City'）.val（））；
$（'PostalCode_Ship'）.val（$（'PostalCode'）.val（））；
var country=$（“#国家/地区选项：选定”）.val（）；
$（“#Country_Ship option[value='+Country+']'）。attr（'selected'，'selected'）；
populateShippingMethods（“默认”）；
}否则{
//取消选中时清除
$（'FName_Ship'）.val（“”）；
$（'LName_Ship'）.val（“”）；
$（'Phone_Ship'）.val（“”）；
$（“#State_Ship option[value=Nothing]”）。attr（'selected'，'selected'）；
$（'公司'）.val（“”）；
$（“#地址1_Ship”）.val（“”）；
$（“#地址2_Ship”）.val（“”）；
$（'City_Ship'）.val（“”）；
$（“#PostalCode_Ship”）.val（“”）；
$（'Country_Ship'）.val（“”）；
populateShippingMethods（“默认”）；
};
});
});
名字*
姓*
电话*
单位
地址1*
地址2
城市*
邮政编码*
国家*
美国
陈述*
-选择-
阿拉斯加州
步骤3：账单明细
名字*
姓*
电子邮件*
电话*
单位
地址1*
地址2
城市*
邮政编码*
国家*
美国
陈述*
-选择-
阿拉斯加州

您应该遵循bootstrap 2.x版本的行结构。row div应该如下所示。您没有嵌套行元素，这在bootstrap 2.x版本中是不可能的

<div class="row">
  <div class="span4">
     Your elements
  </div>
  <div class="span4">
     Your elements
  </div>
</div>

你的元素
你的元素

---

这是您的解决方案：

我的CSS非常庞大。可以链接它吗？