Twitter bootstrap 引导javascript数据切换="；按钮“；不'；我不能在平板电脑分辨率上工作

当我将窗口调整到平板电脑分辨率时，切换按钮似乎失效。将鼠标悬停在上方不起作用，单击不起作用。发生在我测试的所有浏览器的最新版本上（例如，chrome和mozilla）。它适用于所有其他决议。我使用的是BootstrapTwitterCSS和JS3.2以及JQuery1.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>

纽扣标签

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

纽扣标签

所有列必须包含在一行中。我将这些列包含在一个

中，它现在可以工作了

   <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之外还有其他css吗？字体很棒，还有我创建的一个小css文件。我删除了这两个，问题仍然存在。只是看起来更丑：p

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