Twitter bootstrap 3 无媒体查询的响应背景图像

我需要一些指导，使一个没有使用媒体查询的管理页面的响应背景图像。背景图像需要在不拉伸的情况下响应浏览器窗口

与此类似

我正在使用Bootstrap3.3.6构建此页面。管理员登录页面分为一个分割屏幕

• 左侧是登录区
• 右侧是一个背景图像，上面有文本内容。

---

我需要所有我能得到的指导来实现这一点。谢谢大家!

您应该使用以下内容更改

.bg image

类：

.bg-image {
    background: url(../img/bg-image-md.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

---

以下是一些让您开始学习的内容：

使用值为cover或contain的“背景大小”属性，并根据需要定位背景图像

.bg-image{
background-image: url(http://images.jxt.net.au/jxt-admin/img/bg-image-lg.jpg);
background-size:cover;
background-position:50% 0 ;
}