Hallo,

I would like to make the grey background liquid whenever someone narrow down the web browser. Is there anyway to do it? Can anyone gives me advice how to do it?

testimonial.php

<div style="background-color: grey; width: auto; height: 150px;">

<div class="col-sm-1"><br><br>
<img src="Images/testimonial/arrow2.jpg" width="30">
</div>
<div class="col-sm-2">
<img src="Images/testimonial/person1.jpg" width="100">
</div>
<div class="col-sm-8"><br><br>
"Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar."
</div>
<div class="col-sm-1"><br><br>
<img src="Images/testimonial/arrow1.jpg" width="30">
</div>

</div>

I'm sorry, I don't understand. What do you mean by making the background liquid? Encase everything in <div class="container-fluid"> and encase all of your columns in a <div class="row">

I try that:

http://www.innovation.web.id/One/testimonial.php

Here is the grey bar part of the testimonial:

testimonial.php

<div class="container-liquid">
<div style="background-color: grey; width: auto; height: 150px;">

<div class="col-sm-1"><br><br>
<img src="Images/testimonial/arrow2.jpg" width="30">
</div>
<div class="col-sm-2">
<img src="Images/testimonial/person1.jpg" width="100">
</div>
<div class="col-sm-8"><br><br>
"Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar."
</div>
<div class="col-sm-1"><br><br>
<img src="Images/testimonial/arrow1.jpg" width="30">
</div>

</div>
</div>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.