Уход блока справа / bootstrap

@Владислав231 · Регистрация: 10.06.2019

Author24 — интернет-сервис помощи студентам

Кхм. Вроде все понял, но начал делать по другому и что-то сломал.

HTML5

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>blog</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style-front.css">
  <script src = "js/bootstrap.min.js"> </script>
</head>
<body>
  
<div class="container">
    <div class="row">
        <div class="col-md-12" id = "color1" >Шапка</div>
        <div class="col-md-9" id = "color2" >Меин</div>
        <div class="col-sm-3 d-none d-xs-block" id = "color3 " >Баннер</div>
    </div>
    <div class="row">
        <div class="col-md-6" id = "color4" >Юзер</div>
    </div>
    <div class="row">
        <div class="col-md-9" id = "color5" >Комментарии</div>
    </div>
    <div class="row">
        <div class="col-md-12" id = "color6">Подвал</div>
    </div>
</div>
 
</body>
</html>

Блок "Баннер" должен исчезать на sm и xs, но он пропал совсем...

В стилях только цвета и ширина

@gogolik · 23.08.2019, 14:36

Нет такого «d-xs-block». Напишите d-sm-block.
https://getbootstrap.com/docs/... s/display/

@Владислав231 · 23.08.2019, 15:35 **[ТС]**

Уже понял, что протупил знатно.

Кому интересно:
Исправил на d-md

@gogolik Модератор 2687 / 1759 / 761 Регистрация: 13.03.2010 Сообщений: 5,849
	23.08.2019, 14:36	2
	Сообщение было отмечено Владислав231 как решение Решение Нет такого «d-xs-block». Напишите d-sm-block. https://getbootstrap.com/docs/... s/display/ 0

@Владислав231 0 / 0 / 0 Регистрация: 10.06.2019 Сообщений: 65
	23.08.2019, 15:35 [ТС]	3
	Уже понял, что протупил знатно. Кому интересно: Исправил на d-md 0

Уход блока справа / bootstrap

Решение