Jumbotron背景图片未调整大小

Question

我该如何正确地将图像放入巨无霸？当浏览器尽可能小时，图像看起来会很好，但是随着调整大小，图像会不断裁切。

[无论浏览器大小如何，我都希望保留它的方式] [1]

我可以通过添加大量<br>标签来操纵它，使其工作，但调整大小后看起来不愉快。

我尝试通过仅添加带有响应标签和“ visible-lg/md/sm/xs”的图像来尝试不使用超大屏幕背景功能，但它仅在较大时才起作用。我也曾尝试将图像包装在超大型电子显微镜内的容器中而无济于事。您有什么建议？

代码是：

 .jumbotron{
    background: 
    url("22291251_10207879974516700_3456380138800296256_o.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat:
    height:auto;
    width:100%;
    color: white