Можно ли создавать дополнительные div между контейнером и рядом?

Question

[sleepy_hungry]

и вообще, насколько это правильно?

<section class="main">
		<div class="container-fluid">
			<div class="row"> <!-- Это общий ряд для бокового меню и основного контента===================== -->
				<!-- Это колонка бокового меню. Может, ее обернуть в отдельный див? -->
				<div class="col-xl-3">
					<div class="sidebar">
						<p class="sidebar__title">Продукция</p>
						<p class="sidebar__autoscales">Автомобильные весы ВС-А</p>
						<ul class="sidebar__list">
							<li class="autoscales__item"><a href="№">Стационарные весы</a></li>
							<li class="autoscales__item"><a href="№">Стационарные весы</a></li>
							<li class="autoscales__item"><a href="№">Стационарные весы</a></li>
							<li class="autoscales__item"><a href="№">Стационарные весы</a></li>
							<li class="autoscales__item"><a href="№">Стационарные весы</a></li>
						</ul>
					</div>
				</div>
				<!-- Это колонка основного контента. Может и тут создать обертку под каталог???== -->
				<div class="col-xl-9">
					<div class="row">
						<div class="col-xl-12">
							<p class="breadcramps">Главная - Продукция - Автомобильные весы</p>
							<h1 class="main__title">Автомобильные весы ВС-А</h1>
							<p class="main__text">Надоело отправлять запросы, чтобы узнать стоимость? У нас <b>все цены на сайте</b>.</p>
							<p class="main__text">Здесь все виды автомобильных весов, которые мы производим, выбирайте и переходите к нужной грузоподъемности.</p>
							<p class="main__text">А <a href="#">ниже</a> вы можете прочитать, на что стоит обратить внимание, чтобы купить наиболее подходящие автомобильные весы.</p>
						</div>
					</div>
					<div class="row">
						<div class="col-md-4 col-xl-4">
							<div class="card">
								<a href="#" class="card__title">Стационарные автомобильные весы</a>
								<div class="card__block">
									<a href="#">
										

...и т.д.

Answer 1

[Алекс Глебов]

.row > .col вложенность нельзя нарушать
можно дописать им класс, или поместить свой div в колонку

Answer 2

[Антон Литвиненко]

В контейнер можно писать что угодно. Основное правило, что оберткой у column обязательно должен быть row, а потомком row обязательно должен быть column

Comments

[sleepy_hungry]

а можно добавлять свои классы к row или col?

[Антон Литвиненко]

sleepy_hungry, вообще можно. Но я предпочитаю отделять сетку от вёрстки блоков. Например ряд из трех преимуществ. Делаю row, в нем три column, а в колонке я уже создаю непосредственно feature-item и с ним уже работаю. Опять же. Смотря для чего класс. Если он не влияет на оформление самого элемента сетки, а используется как родитель для начинки, то вообще без проблем

[sleepy_hungry]

Антон Литвиненко, да, мне надо сделать дисплей флекс для карточки. пилить для шести блоков дополнительные оберточные дивы кажется излишним.
или, допустим, повесить на этот класс только отступ, например.

Спасибо за быстрые подсказки.