Как расположить блоки под другими блоками?

Question

[Antoshkaplehanov]

почему нижние блоки не распологаются под другими блоками, почему вылетают?
Ссылка на HTML и CSS:
https://jsfiddle.net/7dxo6fLL/

Answer 1

[Влад]

Привет! Попробуй так, замени весь order на :

HTML:

<div class="order">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<h2>Lorem ipsum dolor sit atmet</h2>
			</div>
		</div>
	</div>
	<div class="colonki">
		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<div class="item">
						<p>Morbi venenatis, nulla at accumsan fermentum, risus ligula vehicula justo, a dapibus arcu purus et arcu</p>
					</div>
				</div>
				<div class="col-md-4">
					<div class="item">
						<p>Morbi venenatis, nulla at accumsan fermentum, risus ligula vehicula justo, a dapibus arcu purus et arcu</p>
					</div>
				</div>
				<div class="col-md-4">
					<div class="item">
						<p>Morbi venenatis, nulla at accumsan fermentum, risus ligula vehicula justo, a dapibus arcu purus et arcu</p>
					</div>
				</div>
			</div>
			<div class="row author">
				<div class="col-md-4">
					<div class="otziv"></div>
				</div>
				<div class="col-md-4">
					<div class="otziv"></div>
				</div>
				<div class="col-md-4">
					<div class="otziv"></div>
				</div>
			</div>
		</div>
	</div>
</div>

CSS:

.order .author {
  padding-top: 10px;
}

Comments

[Antoshkaplehanov]

спасибо, заработало)

[Влад]

Antoshkaplehanov: Пожалуйста :)