bootstrap javascript data-toggle =“button”在平板电脑分辨率下无法工作

Question

当我将窗口大小调整为平板电脑分辨率时，我看到切换按钮似乎死机。悬停不起作用，点击不起作用。发生在我测试过的所有浏览器的最新版本上（IE，chrome和mozilla）。它适用于所有其他分辨率。我使用引导叽叽喳喳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

所有列必须包含在一排。我在<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> 

Answer 2

这似乎与您使用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>