I wish to stretch the div blue across the width of the screen which is used inside a container class in bootstrap. Here's the code
<div class='container'>
<img src="http://lorempixel.com/175/80/sports/1" width="230" height="70" class="pull-left" />
<div class='clearfix'></div>
<div class= 'padding-top'></div>
<div class="blue"></div>
<div class="padding-bottom"></div>
Here's the CSS for the blue div
.blue{
border-top:3px solid #8DBF43;
width:100% !important;
}
But the directive doesn't seem to be working, its still contained inside the container.