Question

我是bootstrap的新手。我使用bootstrap响应式图像有以下问题。我的图像似乎没有扩展。我不知道可能出了什么问题。

<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>

Answer 1

Bootstrap的响应式图像类将max-width设置为100％。这会限制其大小，但不会强制它进行拉伸以填充大于图像本身的父元素。您必须使用width属性强制升级。

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

Bootstrap响应式图像无法正常工作

1 个答案: