Код работает, но пишут неверно, почему? что-то с оформлением?

С помощью системы Grid System фреймворка Bootstap, задайте классы таким образом, чтобы при увеличении размера браузера (больше 992px), блоки выстроились один слева, другой справа. Правый блок должен иметь 4 колонки и левый блок должен иметь 8 колонок. Остальной код не меняйте. Для увеличения и уменьшения размера браузера, захватите мышкой ползунок и двигайте влево или вправо:

fructcode.com/ru/courses/bootstrap/grid-system-classes-cols-interactive/

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Bootstrap Grid System</title>
	
    <!-- Подключаем Bootstrap CSS через CDN -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- Подключаем style.css -->
    <link rel="stylesheet" href="style.css">

</head>
<body>
	
	<div class="container">
        <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 color-left-block">
           <h3>Left block</h3> 
        </div>
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 color-right-block">
           <h3>Right block</h3> 
        </div>
	</div>
	
	<!-- Подключаем jQuery и Bootstrap JS через CDN -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>
</html>

bootstrap

2 ответов

Справа есть кнопка Показать ответ, если на неё нажать, будет показан ответ.

Спасибо)))