Tell me how to divide the headers as on the screen, preferably on bootstrap enter image description here

Closed due to the fact that the essence of the issue is not clear to the participants of Suvitruf ♦ , Jean-Claude , rjhdby , vp_arth , kizoso Nov 16 '17 at 9:52 .

Try to write more detailed questions. To get an answer, explain what exactly you see the problem, how to reproduce it, what you want to get as a result, etc. Give an example that clearly demonstrates the problem. If the question can be reformulated according to the rules set out in the certificate , edit it .

    1 answer 1

    This is done by a simple gradient without the jsfiddle bootstrap .

    <html lang="en"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> body { margin: 0 auto; padding: 0; } .one { background: -webkit-linear-gradient(0deg, #000 50%, #FFF 50%); min-height: 500px; height: 100%; } </style> </head> <body> <div class="one"> </div> </body> </html>