2014-09-20 165 views
0

我想把一個微調器放到boostrap3的模式對話框的頁腳的左邊,但它懸停在其中一個按鈕的頂部,我在這裏做錯了什麼?bootstrap modal footer css

<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

想應該我看到未來的CSS – himanshu 2014-09-20 12:25:10

+1

有沒有你的CSS#等待微調,我們不能告訴你什麼是錯的。 – 2014-09-20 12:30:26

+0

試試這個,好東西:http://msurguy.github.io/ladda-bootstrap/ – 2014-09-20 12:32:55

回答

0

從代碼的清晰#等待微調是繼在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; 
    } 
+0

'頂部'和'左'做了訣竅。 ' – 2014-09-20 12:54:56