vkatsitadze vkatsitadze - 1 year ago 168
CSS Question

Twitter Bootstrap Responsive Background-Image inside Div

How i can modify

image so it would be responsive, resizable and proportional in all browser?


<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 class="col-md-2"></div>


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

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%;

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

Answer Source

I found a solution.

background-size:100% auto;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download