6 фото в два ряда по 3 фото на ряд в bootstrap?

Question

[Михаил]

Простейший, наверное, вопрос, для тех кто шарит.

Но я вот не шарю, и в bootstrap пока полный 0. Подскажите - как их в два ряда уместить, и отступы по 5-10px между фото. Потому что я все через margin начну и позиционирование, а как показала практика - не очень сочетается с boot-иком.

Answer 1

[alex-1917]

Твою ж дивизию, открывай свой бутстрап и ищи демо-примеры - они там для таких как ты собсно и придуманы.
https://getbootstrap.com/docs/3.3/examples/jumbotron/
Или тут готовые куски, для особо ленивых
https://bootsnipp.com/snippets/featured/portfolio-...

Про отступы 5-10 забудь, бутстрап - это по 15 по краям, т.е. между соседними будет 30

Comments

[Overfinch]

Почему забыть про отступы в 5-10? Через variables всё настраивается.
$grid-gutter-width: 30px !default;

[alex-1917]

Overfinch, потому что автор сам признался:

и в bootstrap пока полный 0.

Answer 2

[Орхан Гасанлы]

Если я вас правильно понял, то вам нужно что-то вроде этого:

<div class "container">
<div class="row">
<div class="col-md-4">
<img src="урл картинки" alt="картинка">
</div>
<div class="col-md-4">
<img src="урл картинки" alt="картинка">
</div>
<div class="col-md-4">
<img src="урл картинки" alt="картинка">
</div>
</div>
<div class="row">
<div class="col-md-4">
<img src="урл картинки" alt="картинка">
</div>
<div class="col-md-4">
<img src="урл картинки" alt="картинка">
</div>
<div class="col-md-4">
<img src="урл картинки" alt="картинка">
</div>
</div>
</div>

Comments

[alex-1917]

неверно! в общий row надо пихать все картинки, иначе на некоторых экранах будет бред, 2 фотки, затем одна, затем 2, затем одна. пустые места кароч будут...