이미지가있는 부트 스트랩 목록은 인라인으로 표시되지 않습니다.

Question

조금 어리 석고 지나치게 단순 해 보일지 모르지만 코딩이 새로 생겨서 제대로 표시되지는 않습니다 (부트 스트랩을 사용하고 있습니다). 내가 얻고 싶은 결과이다 FLAG languagename FLAG languagename

HTML :

<div class=""> 
<ul class="list-unstyled list-inline"> 
    <li><a href="#"><div class="flag flag-lt"></div>Lietuvių</a></li> 
    <li><a href="#"><div class="flag flag-ru"></div>Rusų</a></li> 
</ul> 
</div> 

CSS :

.flag { 
    width: 16px; 
    height: 11px; 
    background:url(http://oi60.tinypic.com/2q2iuj6.jpg) no-repeat 
} 

.flag.flag-lt {background-position: -16px 0} 
.flag.flag-ru {background-position: 0 -11px} 

내가 만든 외부의 resourses

Answer 1

와 js filldle 당신이 중 하나를 추가해야이 작업을하려면 깃발 CSS 블록에있는 이들 :

display: inline-block; 

또는

float: left;