ボタンは、私がここに次のコードを持っているHTML

Question

で作業されていない：私は、アプリケーションを実行すると

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="centering col-lg-8 topSection" style="text-align: center;"> 
      <div class="col-lg-12" style="padding-top: 160px;"> 
       <h2 style="color: #fff; font-size: 30px;">Get discovered - Discover - Connect</h2> 

       <h3 style="color: #fff; font-size: 23px;">We love everyting about music. The scene. The people. The livestyle. We live for it.</h3> 
       <button type="submit" class="btn_style_1 btn" data-toggle="modal" data-target="#myModalLogin">Sign in</button> 
       <button type="submit" class="btn_style_1 btn" data-toggle="modal" data-target="#myModal">Join now</button> 
      </div> 
     </div> 
    </div> 
</div> 

、ボタンが機能していません。ボタンをクリックしても何も起こりません。カーソルは、ボタンをホバーするとポインタに変換されません。

ただし、centering col-lg-8 topSectionを削除すると、[サインイン]ボタンは機能しますが、他のボタンは機能しません。

誰も同じ問題があったのですか？

EDIT：

私は私のLayout.cshtmlでは、これを持っていた：

<div class="col-lg-12"> 
     @RenderBody() 
    </div> 

私はdiv要素を削除すると、それは働きました。

Answer 1

type="submit"を削除するか、type="button"に置き換えてください。あなたの解決策は：

<button type="button" class="btn_style_1 btn" data-toggle="modal" data-target="#myModalLogin">Sign in</button> 
<button type="button" class="btn_style_1 btn" data-toggle="modal" data-target="#myModal">Join now</button>