트위터 부트 스트랩 호버 디스플레이

Question

이미지를 덮을 호버 상자가 필요한 이미지 행이 있습니다. 그러나, 몇 가지 이유로, 내 코드는 일부 이미지 만 완전히 덮습니다. 다른 사람들은 오른쪽에 줄무늬가 보이지 않습니다. 나는 그것이 왜 있는지를 알 수 없다. 어떤 아이디어?

HTML 코드 : http://codepad.org/hMqDsXS0

CSS 코드 : 여기

Answer 1

http://codepad.org/KJYr4aJP이 코드의 바이올린입니다 : 내가 스팬 클래스를 변경 http://jsfiddle.net/ttGgH/4/

,

.main-feature-title { 
     width: 100%; 
} 

나는 이것을 덧붙였다.

* { 
    box-sizing: border-box; 
} 

이 기능을 사용하면 요소 테두리가 적용될 때 요소의 크기가 올바르게 조정됩니다.