Question

当我将窗口调整为平板电脑分辨率时，我已经切换了似乎已经死机的按钮。将鼠标悬停在“无效”状态，点击不执行任何操作。发生了我测试的所有浏览器的最新版本（IE，Chrome和Mozilla）。它适用于所有其他分辨率。我正在使用bootstrap twitter css和js 3.2和jquery 1.11.1，我没有自己的.js文件。提交按钮适用于所有分辨率。

   <form name="ProgramsForm" data-name="Signup Form">
      <div class="col-sm-3">
          <button type="button" class="btn btn-info btn-lg prg-btn" data-toggle="button">
                  buttonlabel
          </button>
      </div>    
      <div class="col-md-12">
          <input class="btn btn-primary btn-lg register-btn" type="submit" value="Submit" data-wait="Please wait...">
      </div>
   </form>

Answer 1

这似乎与你使用col-sm-3类有关。

jsFiddle

<form name="ProgramsForm" data-name="Signup Form">
  <div class="col-md-3">
  <button type="button" class="btn btn-info btn-lg prg-btn" data-toggle="button">buttonlabel</button>
  </div>    
  <div class="col-md-12">
  <input class="btn btn-primary btn-lg register-btn" type="submit" value="Submit" data-wait="Please wait...">
  </div>
</form>

Answer 2

所有列必须连成一行。我将列括在<div class="row">内，现在可以正常工作了。

   <form name="ProgramsForm" data-name="Signup Form">
<div class="row">
      <div class="col-sm-3">
          <button type="button" class="btn btn-info btn-lg prg-btn" data-toggle="button">
                  buttonlabel
          </button>
      </div>    
</div>

  <div class="col-md-12">
      <input class="btn btn-primary btn-lg register-btn" type="submit" value="Submit" data-wait="Please wait...">
  </div>

bootstrap javascript data-toggle =“button”在平板电脑分辨率下不起作用

2 个答案: