按鈕在HTML

工作，我有以下代碼在這裏：按鈕在HTML

<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時，登錄按鈕有效，但不是其他按鈕。

有沒有人有同樣的問題？

編輯：

我有這個在我的Layout.cshtml：

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

當我刪除了DIV，它的工作。

來源

2016-07-30 Bryan

或使用 – chirag

@chirag不應該使用submit。 –

'float'涉及到什麼地方？ ..聽起來像你的按鈕是在（層）下的另一個元素，因此不可點擊，但可見 – LGSon

刪除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>

來源

2016-07-30 10:54:06

回答

相關問題