스택 된 요소를 부스트랩 및 CSS 스프라이트 요소로 가운데에 맞추는 방법

Question

CSS 스프라이트로 요소가 만들어진 것을 고려하여 5 개의 요소를 Boostrap에 중첩시키는 방법

<div class="container"> 
<div class="row benefitRow"> 
<div class="col-lg-2 col-md-offset-1 iconThumb"><p class="benefitText">text</p></div> 
<div class="col-lg-2 iconPackage"> <p class="benefitText">text</p></div> 
<div class="col-lg-2 iconFree"><p class="benefitText">text</p></div> 
<div class="col-lg-2 iconBox"><p class="benefitText">text</div> 
<div class="col-lg-2 iconCouch"><p class="benefitText">text</p></div> 
</div> 
</div> 

->View Example

Answer 1

이 하나를 테스트하십시오

.col-lg-2 { 
    background-size: 40px; 
    background-repeat: no-repeat; 
    max-height: 49px; 
    display: flex; 
    justify-content: center; 
    background-position-x: 25%; 
}