当浏览器处于990px​​时，bootstrap禁用了btn，为什么？

Question

这是一个奇怪的问题，即使我已经有一个解决方法但有人知道为什么会这样吗？

我有一个用于创建帖子的按钮和一个用于删除所有帖子的按钮

点击后，我的创建帖子按钮会打开一个模态。

我的删除按钮位于创建帖子按钮的上方，代码如下：

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<div class="col-md-6 pull-right">
  <button class="btn btn-danger pull-right" ng-show="showDelBtnAndTableHeaders" ng-click="destroyAll()">
    Delete All Posts
  </button>
</div>

<div class="col-md-6">
  <button class="btn btn-primary btn-lg create-new-btn" data-toggle="modal" data-target="#newModal">Create New Post</button>
</div>

＆＃13;

＆＃13;

＆＃13;

当窗口大约 990px​​或更小时，删除按钮会以某种方式无法点击并将鼠标悬停在也不会改变颜色。我检查了CSS以查看是否有任何更改，但根本没有任何更改。

如果我切换他们的位置或只是将删除放在创建按钮上方的任何位置，那么删除按钮即使在 990px​​或更小时也能正常工作。

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<div class="col-md-6">
  <button class="btn btn-primary btn-lg create-new-btn" data-toggle="modal" data-target="#newModal">Create New Post</button>
</div>

<div class="col-md-6 pull-right">
  <button class="btn btn-danger pull-right" ng-show="showDelBtnAndTableHeaders" ng-click="destroyAll()">
    Delete All Posts
  </button>
</div>

＆＃13;

＆＃13;

＆＃13;

有没有人遇到过这种问题或知道为什么会这样？