スタックされた要素をブーストラップとCSSのスプライト要素に合わせる方法

Question

要素がCSSスプライトで構成されていることを考慮して、Boostrapに5つの要素の内容を重ねる方法

<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%; 
}