@vetaliy_net

Как разместить под col-md-4 ещё 2 блока?

Нужно разместить под 2 блоками col-md-4 два точно таких же 7b361784ad5443908479d910acbbefd4.png
<div class="row">
				<div class="col-md-4">
					<div class="panel widget widget_pt_featured_page panel-first-child panel-last-child" id="panel-7-1-0-0">
						<div class="has-post-thumbnail page-box page-box--block">
							<a class="page-box__picture" href="#">
								<img width="360" height="240" src="images/demo/home1/home1.jpg" alt="Content Image"/>
							</a>
							<div class="page-box__content">
								<h5 class="page-box__title  text-uppercase">
									<a href="design-and-build.html">Монтаж кровли</a>
								</h5>
									


			<div class="">
		 <a href="#" style="text-decoration:none;color:#000000;"><span class="post-date"></span></a>
		 <p><strong>Монтажные кровельные работы – </strong> это завершающий этап всех работ, связанных с крышей, который по значимости можно сравнить с заливкой его фундамента. </p>
		</div>
							</div>
							
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="panel widget widget_pt_featured_page panel-first-child panel-last-child" id="panel-7-1-0-0">
						<div class="has-post-thumbnail page-box page-box--block">
							<a class="page-box__picture" href="#">
								<img width="360" height="240" src="images/demo/home1/home2.jpg" alt="Content Image"/>
							</a>
							<div class="page-box__content">
								<h5 class="page-box__title  text-uppercase">
								<a href="#">Реконструкция кровли</a>
								</h5>
									
									<div class="">
		 <a href="#" style="text-decoration:none;color:#000000;"><span class="post-date"></span></a>
		 <p>Так называется восстановление эксплуатационных и гидроизоляционных свойств покрытия. Перед реконструкцией оценивается текущее состояние крыши, перекрытий, стропил, материала.  </p>
		</div>
							</div>
							
						</div>
					</div>
				</div>
				
				<div class="col-md-4">
					<div class="panel widget widget_pt_featured_page panel-first-child" id="panel-7-1-2-0">
						<div class="has-post-thumbnail page-box page-box--inline">
							<a class="page-box__picture" href="#">
								<img src="images/demo/content/content_mini_1.jpg" alt="Content Image"/>
							</a>
							<div class="page-box__content">
								<h5 class="page-box__title text-uppercase">
									<a href="#">Утепление кровли</a>
								</h5>
								<div class="">
		 <a href="#" style="text-decoration:none;color:#000000;"><span class="post-date"></span></a>
		Способ утепления зависит от того, будет ли обустраиваться мансарда, используемая в качестве жилого помещения. В процессе монтажа утеплителя очень важно обеспечить защиту от влаги.


		 <br>
							</div>
							</div>
						</div>
						<div class="spacer"></div>
					</div>
					<div class="panel widget widget_pt_featured_page" id="panel-7-1-2-1">
						<div class="has-post-thumbnail page-box page-box--inline">
							<a class="page-box__picture" href="#">
								<img width="100" height="75" src="images/demo/content/content_mini_2.jpg"  class="attachment-thumbnail wp-post-image" alt="Content Image"/>
							</a>
							<div class="page-box__content">
								<h5 class="page-box__title text-uppercase">
									<a href="#">Подшивка свесов</a>
								</h5>
																<div class="">
		 <a href="#" style="text-decoration:none;color:#000000;"><span class="post-date"></span></a>
		От метода подшивки свесов и применяемого материала завит не только качество кровли, но и внешний вид всего здания.

		 <br>
							</div>
							</div>
						</div>
						<div class="spacer"></div>
					</div>
					<div class="panel widget widget_pt_featured_page" id="panel-7-1-2-2">
						<div class="has-post-thumbnail page-box page-box--inline">
							<a class="page-box__picture" href="#">
								<img width="100" height="75" src="images/demo/content/content_mini_3.jpg"  class="attachment-thumbnail wp-post-image" alt="Content Image"/>
							</a>
							<div class="page-box__content">
								<h5 class="page-box__title text-uppercase">
									<a href="#">Монтаж водосточной системы</a>
								</h5>
								<div class="">
		 <a href="#" style="text-decoration:none;color:#000000;"><span class="post-date"></span></a>
		Существует несколько видов водостока. Наиболее популярным считается пластиковый водосток, потому что он устойчив к коррозии и долговечен. Более роскошно выглядят медные стоки, кроме того, они очень надежны.<strong>Расценки кровельных работ </strong> зависят и от материала водосточной системы. 
		 <br>
							</div>
							</div>
						</div>
						<div class="spacer"></div>
					</div>
					<div class="panel widget widget_pt_featured_page panel-last-child" id="panel-7-1-2-3">
						<div class="has-post-thumbnail page-box page-box--inline">
							<a class="page-box__picture" href="#">
								<img width="100" height="75" src="images/demo/content/content_mini_4.jpg"  class="attachment-thumbnail wp-post-image" alt="Content Image"/>
							</a>
							<div class="page-box__content">
								<h5 class="page-box__title text-uppercase">
									<a href="#">Установка мансардных окон</a>
								</h5>
								<div class="">
		 <a href="#" style="text-decoration:none;color:#000000;"><span class="post-date"></span></a>
		Она может осуществляться скатным и вертикальным способом. В первом случае окно устанавливается в подготовленную раму, а во втором на скатную крышу. 
 
		 <br>
							</div>
							</div>
						</div>
					</div>

				</div>
			</div>
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
разделяешь сначала 8 на 4
а уже в нем делаешь свои контентные
https://jsfiddle.net/hqvo9nzy/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы