頁面級隱藏引導和css風格的按鈕

Question

我不擅長CSS，但這裏是我想要什麼，我已經嘗試過。

<div> 
    <div id="propertiesTable" style="padding: 20px 20px 20px 20px;" ng-cloak > 
     <table class="table table-striped table-bordered"> 
      <tbody> 

       <tr data-ng-repeat="(k,v) in properties"> 
        <td>{{ k }}</td> 
        <td>{{ v }}</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
    <div style="padding-left: 20px;"> 
     <button type="submit" class="btn btn-primary btn-sm" 
      title="Refresh for updated properties" 
      ng-click="onRefreshButtonClick()"> 
      <span class="glyphicon glyphicon-refresh">Refresh</span> 
     </button> 
     </span> 
    </div> 
</div> 

所以，我有內部class="btn btn-primary btn-sm"

我需要在這兩者之間一定的空間，這個雜亂的按鈕glyphicon glyphicon-refresh。當我嘗試填充樣式時，它不起作用。填充顯然應用於整個按鈕！

1. 如何在glyphicon glyphicon-refresh和class="btn btn-primary btn-sm"之間實現填充？
2. 當我點擊刷新時，我想id:propertiesTable被屏蔽（意味着這部分的光線暗淡）。這是可以實現的嗎？

對不起這個問題。不擅長CSS。

謝謝你Stackoverflow！

Answer 1

你可以只添加非打破空間：http://jsfiddle.net/mm6ck3dc/9/

<span class="glyphicon glyphicon-refresh">&nbsp;Refresh</span>