부트 스트랩 4 탭에 맞춤 아이콘을 추가 할 수 있습니까?

Question

부트 스트랩 4 탭에 맞춤 아이콘을 추가 할 수 있습니까? 다음 코드를 사용하려고하면 아이콘이 표시되지 않습니다. 뭐가 잘못 되었 니?

HTML

 <ul class="nav nav-tabs navbar-light bg-light" id="leftTabs" role="tablist"> 
      <li class="nav-item nav-link active" id="nav-leftDefault-tab" data-toggle="tab" 
       href="#nav-leftDefault" 
       role="tab" aria-controls="tabA1" aria-selected="true"><span class="listicon"></span></li></ul> 

SCSS :

$listico: ("images/icons/list.png"); 

.listicon{ 
    background-image: $listico; 
} 

Answer 1

당신은 유효한 값으로 올바르게 background-image 속성을 사용해야합니다. 이 경우 url()

$listico: url("images/icons/list.png"); 

.listicon{ 
    background-image: $listico; 
} 

https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

를 사용하려면