FormMethod.Postを追加した後にブートストラップUIがシャープになっています

Question

ブートストラップのラベルとテキストボットがあり、表示がうまくいくように見えますが、ビューのUIにformmethod.postを追加すると変更されています。

最初のPIC用のビュー。

@model IEnumerable<AtlanticAmerican.Data.Models.ADDS.EmailSubject> 

<title>title</title> 
<script src="~/Scripts/jquery-2.1.4.js"></script> 
<link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
<link href="~/Content/bootstrap-fileinput/css/fileinput.css" rel="stylesheet" /> 

<script src="~/Scripts/bootstrap.js"></script> 

</style> 
<div class="container"> 
    <div class="col-sm-12"> 
     <div class="col-sm-8"> 
      <form class="form-horizontal"> 

       <div class="form-group"> 
        <label class="col-sm-3 control-label">Send E-Mail To</label> 
        <div data-bind="foreach: recipients"> 
         <!-- ko if: itemName === 'c' || itemName === 'RSDs' || itemName === 'a' || itemName === 'b'--> 

</div> 
     . 
     . 
     . 

私は間違った場所に次の行を追加する第二のPIC

@using (Html.BeginForm("eBlast", "eBlast", FormMethod.Post, new {enctype = "multipart/form-data" })) 
{ 

@model IEnumerable<AtlanticAmerican.Data.Models.ADDS.EmailSubject> 

<title>title</title> 
<script src="~/Scripts/jquery-2.1.4.js"></script> 
<link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
<link href="~/Content/bootstrap-fileinput/css/fileinput.css" rel="stylesheet" /> 

<script src="~/Scripts/bootstrap.js"></script> 

</style> 
<div class="container"> 
    <div class="col-sm-12"> 
     <div class="col-sm-8"> 
      <form class="form-horizontal"> 

       <div class="form-group"> 
        <label class="col-sm-3 control-label">Send E-Mail To</label> 
        <div data-bind="foreach: recipients"> 
         <!-- ko if: itemName === 'c' || itemName === 'RSDs' || itemName === 'a' || itemName === 'b'--> 

</div> 
     . 
     . 
     . 

    } 

AM用のビュー？

@using (Html.BeginForm("eBlast", "eBlast", FormMethod.Post, new {enctype = "multipart/form-data" })) 

Answer 1

あなたのコードをjsfilldleや他のウェブサイトに置くことはできますか？
私はKOを使用していないので、条件が満たされているかどうかわかりません。

divタグを適切な順序で終了していない可能性があります。 <div class='col-sm-9'></div>

<div class='col-sm-9'> 
    <div data-bind="foreach: recipients"> 
     <!-- ko if: itemName === 'c' || itemName === 'RSDs' || itemName === 'a' || itemName === 'b'--> 
    </div> 
</div> 

Answer 2

で

ラップ<div data-bind="foreach: recipients"></div>は、私はこの@クラス= "フォーム-水平" を追加して、それが固定されています。それは今素晴らしそうです。