Hello. Help me please. I want to have two more blocks, but on the right side. Where I marked the black line. To be divided on the right in the same way as on the left. I prescribed properties for the right side, but for some reason it was not divided. I can not understand. I want a row to have a col-md 3 block; col-md-6, col-md-3. Left, middle, right. And there are at least two rows. But it does not work. Tell me please. 
/*笑袙袝孝 袠 袨孝小孝校袩 小袧袠袟校 袛袥携 袘袥袨袣袨袙*/ * { margin: 0; padding: 0; } .head-block, .top-menu, .top-material, .left-sidebar, .right-sidebar, .content { background: #ccc; margin-bottom: 1px; } /*袙蝎小袨孝袗 楔袗袩袣袠*/ .head-block { height: 150px; } /*袙蝎小袨孝袗 袦袝袧挟*/ .top-menu { height: 30px; } /*袙蝎小袨孝袗 袘袥袨袣袗 袙袗袞袧蝎袝 袦袗孝袝袪袠袗袥蝎*/ .top-material { height: 200px; } /*袙蝎小袨孝袗 小袗袡袛袘袗袪袗 袠 袘袥袨袣袗 袣袨袧孝袝袧孝*/ .left-sidebar, .content { height: 300px; } .right-sidebar, .content { height: 300px; } /*袚袪袗袧袠笑袗 校 袣袨袧孝袝袧孝袗*/ .content { border-left: 1px solid #fff; } .top-menu { background: #daf2fe; } .top-menu ul { padding-left: 0; margin-bottom: 0; } .top-menu li { display: inline-block; margin-left: 10px; padding: 3px 10px; } <!DOCTYPE html> <html> <head> <title>袚谢邪胁薪邪褟</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/dopstyle.css" rel="stylesheet" media="screen"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="../../assets/js/html5shiv.js"></script> <script src="../../assets/js/respond.min.js"></script> <![endif]--> </head> <body> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="//code.jquery.com/jquery.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> <div class="container-fluid"> <div class="row"> <div class="col-md-12 head-block"></div> <div class="col-md-12 top-menu"> <ul> <li><a href="#">袚谢邪胁薪邪褟</a> </li> <li><a href="#">校褋谢褍谐懈</a> </li> <li><a href="#">袨 薪邪褋</a> </li> <li><a href="#">袣芯薪褌邪泻褌褘</a> </li> </ul> </div> <div class="col-md-12 top-material"></div> <div class="col-md-3 left-sidebar"></div> <div class="col-md-6 content"></div> <div class="col-md-3 right-sidebar"></div> <div class="col-md-3 left-sidebar"></div> <div class="col-md-6 content"></div> <div class="col-md-3 right-sidebar"></div> </div> </div> </body> </html> 
