使用bootstrap获取图像以尊重屏幕的宽度

Question

我正在使用Bootstrap来构建一个响应式网站但是我似乎无法让图像保持在屏幕的宽度内，它只是溢出。我使用一个井或一个容器，我得到一个丑陋的边界与浪费的空间。如何在我的页面上获得图片，没有边框？

这是我的代码，它适用于容器，但容器有一个我无法触摸的边框，因为我在其他地方使用容器，而不是边框​​。

id

Answer 1

您只需要为img-responsive课程提供图像。这在Bootstrap中定义为：

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

所以你的形象将是：

<img class="img-responsive" src="img/home/image.png" alt="homePlate">

此外，边框可能来自您应用于thumbnail的{​​{1}}课程。删除它，边框将会移动。