Bootstrap CSS блоки как Meteor (Windows 8)?

Question

[Archakov Dennis]

Здравствуйте! Подскажите как сделать такого вида блоки? На bootstrap 3.



На bootstrap 3.

Отступы снизу я сделал, но, вот чтобы друг от друга отступали выходит как-то криво. Еще учитвать надо адаптивность.
Надо, чтобы как на Win8 были отступы одинаковые.

.work-block = имеет отступ 2%.

<div id="portfolio" class="row">

			<div class="col-lg-8 col-md-8 col-xs-8 work-block">
				<a href="">
					<div class="work">
						<div class="work-image">
							<img src="http://charactersf.com/assets/uploads/2014/05/amazon_kindle_7b3-1000x563.jpg">
						</div>
						<div class="work-shadow"></div>
						<div class="work-view-btn">
							<span class="work-btn-details">View project</span>
						</div>
					</div>
				</a>
			</div>

			<div class="col-lg-4 col-md-4 col-xs-4 work-block">
				<a href="">
					<div class="work">
						<div class="work-image">
							<img src="http://charactersf.com/assets/uploads/2014/05/m_voyageur_du_temps_branding_v54-1000x563.jpg">
						</div>
						<div class="work-shadow"></div>
						<div class="work-view-btn">
							<span class="work-btn-details">View project</span>
						</div>
					</div>
				</a>
			</div>

			<div class="col-lg-4 col-md-4 col-xs-4 work-block">
				<a href="">
					<div class="work">
						<div class="work-image">
							<img src="http://charactersf.com/assets/uploads/2014/05/amazon_kindle_7b3-1000x563.jpg">
						</div>
						<div class="work-shadow"></div>
						<div class="work-view-btn">
							<span class="work-btn-details">View project</span>
						</div>
					</div>
				</a>
			</div>

			<div class="col-lg-4 col-md-4 col-xs-4 work-block">
				<a href="">
					<div class="work">
						<div class="work-image">
							<img src="http://charactersf.com/assets/uploads/2014/05/amazon_kindle_7b3-1000x563.jpg">
						</div>
						<div class="work-shadow"></div>
						<div class="work-view-btn">
							<span class="work-btn-details">View project</span>
						</div>
					</div>
				</a>
			</div>

			<div class="col-lg-4 col-md-4 col-xs-4 work-block">
				<a href="">
					<div class="work">
						<div class="work-image">
							<img src="http://charactersf.com/assets/uploads/2014/05/amazon_kindle_7b3-1000x563.jpg">
						</div>
						<div class="work-shadow"></div>
						<div class="work-view-btn">
							<span class="work-btn-details">View project</span>
						</div>
					</div>
				</a>
			</div>

			<div class="col-lg-4 col-md-4 col-xs-4 work-block">
				<a href="">
					<div class="work">
						<div class="work-image">
							<img src="http://charactersf.com/assets/uploads/2014/05/amazon_kindle_7b3-1000x563.jpg">
						</div>
						<div class="work-shadow"></div>
						<div class="work-view-btn">
							<span class="work-btn-details">View project</span>
						</div>
					</div>
				</a>
			</div>

			<div class="col-lg-8 col-md-8 col-xs-8 work-block">
				<a href="">
					<div class="work">
						<div class="work-image">
							<img src="http://charactersf.com/assets/uploads/2014/05/amazon_kindle_7b3-1000x563.jpg">
						</div>
						<div class="work-shadow"></div>
						<div class="work-view-btn">
							<span class="work-btn-details">View project</span>
						</div>
					</div>
				</a>
			</div>
			
		</div>

Answer 1

[Сергей delphinpro]

metro-webdesign.info

Answer 2

[Карл Майнхофф]

Очень хорошо Metro выполнено здесь. При поддержке Microsoft, кстати.