bootstrap模态页脚css

Question

我试图将一个微调器放在boostrap3的模态对话框页脚的左侧，但是它悬停在其中一个按钮的顶部，我在这里做错了什么？

 <div class="modal-footer">   
     <!-- Spinner --> 
     <span style="text-align: left" id="wait-spinner"></span>

     <!-- Cancel and Save changes button --> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
     <button class="btn btn-primary" onclick="SaveEditChanges()">Save changes</button>
 </div>

这里是wait-spinner css：

 #wait-spinner {

      display: none;
      position: absolute;
      width: 35px;
      height: 35px;
      text-indent: -9999em;
  }

Answer 1

从你的代码中它的clear＃wait-spinner在div中跟随位置绝对有按钮

使用<span style="text-align: left" id="wait-spinner"></span>

就在框内，或者用

弹出你想要的地方

#wait-spinner {

      display: none;
      position: absolute;
      width: 35px;
      height: 35px;
      top;50%;
      left:50%:
      text-indent: -9999em;
  }