Как правильно создать bootstrap разметку для корзины?

Question

[game802]

Добрый вечер уважаемые знатоки. Назрел такой вопрос: Каким образом правильно организовать такую корзину по сетке.
Пример с сеткой:

Пример без сетки, где четко видны border'ы:

У меня имеется вот такая вот структура, но думается мне, она очень неправильна в данной ситуации. Что-то мне нагоняется мысль об col-md-offset:

<div class="container">
	<div class="row">
		<div class="col-md-11 baskets">
			<div class="row">
				<div class="col-md-11">
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

И CSS:

.baskets {
	border: 1px solid black;
	border-radius: 5px;
}

.baskets li {
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}

Большое спасибо за любую информацию по данному вопросу.

Comments

[Модератор]

game802, за порчу вопросов будет больно.

Answer 1

[iBird Rose]

Каким образом правильно организовать такую корзину по сетке.

этим вопросом изначально должен был задаться дизайнер. и сделать макет по сетке. он его сделал не по сетке. а значит:
1) верстать без сетки бутсрапа эти элементы
2) обратиться к дизайнеру с вопросом почему макет не по сетке. и пусть перерисует

Comments

[game802]

то есть, теоретически, такую вещь с помощью bootstrap реализовать невозможно? Почему-то мне казалось что это реализуемая вещь. Спасибо за совет, тогда буду трясти диза.

[iBird Rose]

HackOwnB: ну если нарисовать нормально, чтобы элементы уместились в колонки и не заканчивались или не начинались на белых областях (там где паддинги у col), то можно. но такое обычно верстают без сетки. через inline-block к примеру.

[game802]

iBird Rose: да, суть Ваших мыслей я понял. Увы, строгая привязанность к аддаптиву -> bootstrap'y

[Сёмка Гавриленко]

HackOwnB: тогда проще немного изменить макет