ブートストラップアラート危険ページが読み込まれたときに非表示にする

Question

私は自分のウェブページ内で使用するために、Twitterのブートストラップとアラート要素を使用しており、これをページの最上部に向かって確認の要約として使用したいと考えています。

私の問題は、create.chstmlページで「alert alert-danger」を使用すると、ページがロードされたときに赤い警告バーがデフォルトで表示されることです。

実際の検証は、想定されるフォームフィールドで機能しますが、ページが読み込まれたときにこの警告バーを非表示にして、作成ボタンがクリックされたときにこれを取得する必要があります。

私は隠しのようなブートストラッププロパティのいくつかを試しました：隠されていますが、これはうまくいかないようです。このタスクを完了するためにJavaScriptを使用して、これをボタンの作成にリンクすることはできますか？ここで

は、私は私のcreate.cshtml

 <div class="form-horizontal"> 
      <div class="row" > 
       <div class="alert"> 
        @Html.ValidationSummary(false, " ", new { @class = "text-danger alert alert-danger" }) 
       </div> 
      </div> 
     </div> 

Answer 1

ただ、ブートストラップの非表示クラスを使用して、ボタンをクリックしたときには、そのクラスを削除することができますで持っているブートストラップです。

<div class="form-horizontal"> 
    <div class="row" > 
     <div class="alert hide"> //add class here 
      @Html.ValidationSummary(false, " ", new { @class = "text-danger alert alert-danger" }) 
     </div> 
    </div> 
</div> 

これは、ページの読み込み時にアラートを非表示にし、必要に応じてボタンのクリックで機能します。