Attached images will clear it out ..
I created a container-fluid and gave it a color, then add a PNG image to be in center of that container. Now I want to add a stripe/line with another color to be above the container's background color but beneath/below the img PNG
Note that it should be responsive and full width to the container.
.bg-1 {
background-color: #79d4bd;
color: #ffffff;
}
.container-fluid1 {
padding-top: 10px;
padding-bottom: 10px;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid1 bg-1 text-center">
<img src="nwaf.png" class="img-responsive img-circle margin" style="display:inline" alt="nwaf" width="300" height="193">
</div>
More about “Add stripe/line inside container above background color behind img” related questions