Bootstrap 3，列应该在下一行作为第一行，单独在下一行在Chrome中右对齐

Question

我是Bootstrap的新手，我希望我犯了一些愚蠢的错误，但我在Chrome中遇到了问题。它在Firefox和IE中运行良好。

这是我的专栏课程：

col-lg-2 col-md-4 col-sm-6  

所以我应该在大型显示器上有6个，在med上有3个，在小的时候有2个......

这是布局：

@{string classLabel = "col-lg-3"; string classData = "col-lg-9"; string classCol =     "col-lg-2 col-md-4 col-sm-6"; }
<div class="container-fluid">
  <div class="@classCol">
    <div class="@classLabel">@Html.LabelFor(m => m.CountryOriginCode)</div>
    <div class="@classData"> @Html.DropDownListFor(m => m.CountryOriginCode, (IEnumerable<SelectListItem>)ViewBag.CountriesList)</div>
  </div>

... more columns
here are the wrong displaying columns - first OK, second wrong

  <div class="@classCol">
    <div class="@classLabel">@Html.LabelFor(m => m.RES_RolePrimaryID)</div>
    <div class="@classData">
        <select name="RES_RolePrimaryID" id="RES_RolePrimaryID">
            @foreach (var item in RES_Roles.GetRolesList())
            {
                <option value="@item.RoleID">@item.Name</option>
            }
        </select>
    </div>
</div>
<div class="@classCol">
    <div class="@classLabel">@Html.LabelFor(m => m.RES_RoleSecondaryID)</div>
    <div class="@classData">
        <select name="RES_RoleSecondaryID" id="RES_RoleSecondaryID">
            @foreach (var item in RES_Roles.GetRolesList())
            {
                <option value="@item.RoleID">@item.Name</option>
            }
        </select>
    </div>
</div>
</div>

我遇到的是第二行（有2个选择）之后，第二个选择应该开始新行，然后其他元素应该在它之后。
但它显示为下一行的最后一列，并且是该行的唯一列。

我试图通过检查Chrome中的CSS来确定什么是错误的，多次查看代码但是仍然无法将其放在行的开头

有人有什么建议吗？

这是图像：