How to create full screen cover 3 solid color box in bootstrap please help me

HTML & CSS
1

my code is

<div class="quality">
      <div class="container-fluid">
              <div class="col-md-4 box_a">
                        	
                      <center><img src="image/Capture.JPG"></center>
              </div>
              <div class="col-md-4 box_b">
                        	
                   <center><img src="image/Capture.JPG"></center>
              </div>
              <div class="col-md-4 box_c">
                        	
                   <center><img src="image/Capture.JPG"></center>
              </div>
          </div>
     </div>

.box_a{
	background-color:#0958AC;
	height:200px;
}
.box_a img{
	margin-top:15px;
}
.box_b{
	background-color:#233EDF;
	height:200px;
}
.box_b img{
	margin-top:15px;
}
.box_c{
	background-color:#0958AC;
	height:200px;
}
.box_c img{
	margin-top:15px;
}

1351×227 20.2 KB

2

any one help me please …

3

When you post code, you can make it easier to read (to help those who will help you) by correctly formatting your code. You do this by placing three backticks (`) on the line before the code you paste in, and then three backticks on the line after the code. I have done it this time for you.

Are you asking how to get the three blue boxes to stretch all the way across the screen? Right now there is a gap on the left and right sides.

4

yes but i don’t want gap left and right side please tell me.

5

Are you using Bootstrap? You have just posted a part of the page, so we can’t duplicate your problem without a working page.

6

yes i m use bootstrap 3 i m just practices this part help me plz

7

Is it possible that bootstrap is choking on the deprecated <center> tags?

1 Like
8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.