Html.BeginFormとセマンティックUIの使用

Question

Html.BeginFormを使用すると、セマンティックUIがオフになり、従来のUIが使用されます。

どうすればこの問題を修正できますか？

@using (Html.BeginForm()) 
{ 
<div id="addRestaurant"> 
    <form class="ui form"> 
     <div class="required field"> 
      <label for="resName">Restaurant Name</label> 
      <input type="text" name="model.RestaurantName" id="RestaurantName"/> 
     </div> 
... 
</div> 
} 

Html.BeginFormを使用した後Html.BeginForm

を使用する前に

Answer 1

は

<div id="addRestaurant"> 
@using (Html.BeginForm("ActionName","ControllerName", method: FormMethod.Post, htmlAttributes: new { @class="ui form"})) { 

     <div class="required field"> 
      <label for="resName">Restaurant Name</label> 
      <input type="text" name="model.RestaurantName" id="RestaurantName"/> 
     </div> 
... 

} 
</div>