bootstrap modal footer 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

从代码的清晰＃等待微调是继在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; 
    }