0

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>
2
Contributors
2
Replies
18
Views
2 Years
Discussion Span
Last Post by davy_yg
0

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">

0

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>
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.