如何在自舉中移動一列白色的元素？

Question

我嘗試做一個bootstrap和footer我需要移動span元素，這個人是一個column建立其與col-sm-4class，如何能打動我這一個實例20px whitout影響響應式設計的whitin。下面我把關於footer和html結構和css的圖像。我感謝任何幫助。

<footer class="footer"> 
    <div class="container-fluid"> 
    <div class="row"> 
     <div id="location" class="col-sm-4 col-xs-3"> 
     <span>Location</span> 
     </div> 
     <div id="info" class="col-sm-4 col-xs-3"> 
     <span>Info about me</span> 
     </div> 
     <div id="created" class="col-sm-4 col-xs-3"> 
     <p>texto</p> 
     </div> 
    </div> 
    </div> 
</footer> 

CSS：

.footer{ 
    position: fixed; 
    bottom:0%; 
    height: 100px; 
    width: 100%; 
    background-color: #2c3e50; 
} 

#location{ 
    background-color: white; 
    height: 50px; 
} 
#info{ 
    background-color: gray; 
    height: 50px; 
} 

#created{ 
    background-color: blue; 
    height: 50px; 
} 

Answer 1

您可以使用<span style="padding-left:20px;">move space 20px</span>

它不會從左上角影響反應