bootstrap模态页脚css

时间:2014-09-20 12:22:24

标签: html css twitter-bootstrap twitter-bootstrap-3

我试图将一个微调器放在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;
  }

enter image description here

1 个答案:

答案 0 :(得分:0)

从你的代码中它的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;
  }