2014-11-19 3 views
0

부트 스트랩이 새롭습니다. 부트 스트랩을 사용하여 반응 형 이미지에 다음과 같은 문제가 있습니다. 내 이미지의 크기가 변하지 않는 것 같습니다. 나는 무엇이 잘못되었을 지 모릅니다.부트 스트랩 반응 이미지가 작동하지 않습니다.

<head> 
    <meta charset="utf-8"> 

    <meta name="viewport" content="width=device-width, maximum-scale=1"> 

    <link rel="stylesheet" href="bootstrap.min.css" /> 

</head> 

<body> 

    <div class = "container"> 

     <div class = "col-small-12"> 

      <div class = "row"> 

       <a href="***"> <img src="images/web.png" class="img-responsive" alt="Responsive image"> </a> 

      </div> 

     </div> 

    </div> 

</body> 

답변

0

부트 스트랩의 응답 이미지 클래스는 최대 너비를 100 %로 설정합니다. 이렇게하면 크기가 제한되지만 부모 요소를 이미지 자체보다 크게 채우도록 강요하지는 않습니다. upscaling을 강제하려면 width 속성을 사용해야합니다.

http://getbootstrap.com/css/#images-responsive

관련 문제