Как правильно реализовать позиционирование объекта в бутстрап?

Question

[sleepy_hungry]

Всем привет.

<section class="call" id="call">
		<div class="container-fluid">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-xl-6 offset-xl-1">
						<div class="call__content">
							<p class="call__text">Свяжитесь с нами, чтобы узнать, <br>как мы можем помочь вашему бизнесу</p>
							<button type="submit" class="call__btn btn">Связаться с нами</button>
						</div>
					</div>	
					<img src="img/decor3.png" alt="Декор" class="call__decor768right">
					<img src="img/decor3.png" alt="Декор" class="call__decor768left">
				</div>
			</div>
		</div>
	</section>

Хочу картинки абсолютно спозиционировать относительно Container-fluid. Но почему-то они позиционируются относительно обычного контейнера. Как решить этот момент?

Comments

[Rustam Bainazarov]

Убрать position у обычного контейнера. Или разместить картинки внутри вашего fluid.

Answer 1

[Алексей Орлов]

Во-первых зачем вы .container вложили в .container-fluid?
А во-вторых, чтобы абсолютно спозиционировать относительно .container-fluid, а не .container нужно у последнего убрать position:relative.

Comments

[sleepy_hungry]

спасибо. Да, насчет container-fluid вы правы, не нужен он там.

И насчет решения - спасибо, Алексей. Почему-то в моем понимании position: relative для container-fluid в медиа-запросе должен был отменить условие для container. Но с чего б, действительно.