Twitter Bootstrap响应背景 -

本文介绍了Twitter Bootstrap响应背景 - 的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我如何修改 #bg 图片，所以它会响应，可调整大小和比例在所有浏览器？

How i can modify #bg image so it would be responsive, resizable and proportional in all browser?

HTML：

 <div class="container">
       <div class="row">
          <div class="col-md-2"></div>

            <div class="col-md-8 col-sm-6 col-xs-12 well" id="bg">

               </div>

            <div class="col-md-2"></div>
       </div>
  </div>

css：

@import url('bootstrap.min.css');

body{
    background: url('../img/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 12%;
}

#bg{
    background:url('../img/con_bg4.png') no-repeat center center;
    height: 500px;
}

bg

Twitter Bootstrap响应背景 -

问题描述

推荐答案