Как из двух колонок сделать одну, в бутстрап 4. Что бы содержимое двух колонок стало одним целым?

Question

[user_tm]

Как из двух колонок сделать одну, в бутстрап 4. Что бы содержимое двух колонок стало одним целым?

<div class="row">
				<div class="col-3 col-sm-2">
					<div class="header-elem">
						<div class="header-elem_img">
							<img src="img/header/logo.png" alt="logo.png" class="logo-header">
						</div>
						<!-- /.header-elem_img -->				
					</div>
					<!-- /.header-elem -->
				</div>
				<!-- /.col-3 -->

				<div class="col-3 col-sm-3">
					<div class="header-elem">
						<div class="header-elem_img">
							<img src="img/header/mark.png" alt="mark.png" class="mark-header">
						</div>
						<!-- /.header-elem_img -->
						<div class="header-elem_text">
							<p class="address-header">
								г. Москва,<br> Авиамоторная улица, 4А
							</p>
							<!-- /.address-header -->
						</div>
						<!-- /.header-elem_text -->
					</div>
					<!-- /.header-elem -->
				</div>
				<!-- /.col-3 -->

				<div class="col-3 col-sm-4">
					<div class="header-elem__right">
						<div class="header-elem_img">
							<img src="img/header/convert.png" alt="convert.png" class="convert-header">
						</div>
						<!-- /.header-elem_img -->
						<div class="header-elem_text">
							<p class="mail-header"><a href="mailto:[e-mail]"></a>[e-mail]</p>
							<!-- /.mail-header -->
						</div>
						<!-- /.header-elem_text -->
					</div>
					<!-- /.header-elem -->
				</div>
				<!-- /.col-3 -->

				<div class="col-3 col-sm-3">
					<div class="header-elem__right2">
						<div class="header-elem__right2-text">
							<p class="phone-header">[phone]</p>
							<a class="link" href="#">Заказать макетные запчасти</a>
							<!-- /.phone -->
						</div>
						<!-- /.header-elem_img -->												
						</div>
						<!-- /.header-elem_text -->
					</div>
					<!-- /.col-3 -->
				</div>
				<!-- /.row -->

Comments

[Сергей delphinpro]

так ты же сам написал/нарисовал что нужно сделать? =))
В чём вопрос-то?

[user_tm]

Сергей delphinpro, чет так криво все выходит, там еще с лево отступ получается.

[Сергей delphinpro]

user_tm, Сумма колонок равна 12.
У вас 3 + 6 + 6 + 3 = 18!

Я не понимаю, что вам нужно, поэтому и переспросил.
Если нужно объединить две колонки col-3 в одну col-6, col-6 должна остаться одна. Так ведь? Зачем вы их две сделали?

Answer 1

[Андрей Гончаров]

если прям по бутсраповски, то:
col3 -- *COL6* -- col3
*COL6* внутри:
row > col6 -- col-6
и уже эти col-6 можно превратить в col12 и они станут друг под другом

Comments

[user_tm]

А как можно еще? ну если не по бутсрапский.

[Андрей Гончаров]

user_tm, ну все равно нужна обертка над красными col-3, внутри которой они будут занимать по 50% или 100% процентов.
Кстати из вопроса не понятно, тебе надо превратить их в одну колонку на всех разрешениях или только на каком-то брейкпоинте?

[user_tm]

Андрей Гончаров, от 576px до 768px, мне нужно их превратить в одну колонку.