Bootstrap Задание 8

1

Div с классом col-lg-3 не отображается в браузере, есть только зеленый блок, черного нет вообще.

<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

<title>Киномонстр Bootstrap</title>

 

<!-- Bootstrap -->

<link href="assets/css/bootstrap.min.css" rel="stylesheet">

 

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

    <!--[if lt IE 9]>

      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

    <![endif]-->

  </head>

  <body>

 

  <div class="container-fluid" style="background-color: red; height: 100px;">

  <div class="row">

  <h1>Hello, world!</h1>

  <div class="col-lg-9" style="background-color: green; height: 100px;></div>

  <div class="col-lg-3" style="background-color: black; height: 100px;></div>

  </div>

  </div>

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

  <!-- Include all compiled plugins (below), or include individual files as needed -->

  <script src="assets/js/bootstrap.min.js"></script>

  </body>

  </html>

div

2 ответов

2
<h1>Hello, world!</h1>

  <div class="col-lg-9" style="background-color: green; height: 100px;></div>

  <div class="col-lg-3" style="background-color: black; height: 100px;></div>

 

Может кавычек не хватает закрывающих в твоем коде выше?

2

Спасибо, уже исправил))

 

Sign up or Log in to write an answer