引导列被图像放大

Question

我的row包含一些col-md。在最后一栏中，我有一个图像，当在移动电话上渲染网站时，最后一列被图像放大并移位到新行。

玉

div.row#contact
   div.col-md-3
   div.col-md-2
   div.col-md-1
   div.col-md-1
   div.col-md-1
   div.col-md-1      
   div.col-md-3
     img(src = "./images/wko_logo.svg", alt = "wko logo")

SCSS：

img {
        max-width: 100%;
        height: auto;
    }

Answer 1

Bootstrap的网格系统使用sm列，直到容器宽度降至768px以下，如https://getbootstrap.com/css/#grid-options中所定义。当它低于该宽度时，它会给每个.col-sm-* div 100％的宽度。为你的html元素提供xs容器宽度的行为，你的问题就解决了。

可以在https://jsfiddle.net/fqxg3L9p/找到一个工作示例。