[uglik]

Здравствуйте

Интересует как в bootstrap 3 разместить блокив разных местах экрана (на разной высоте и ширине)

Код HTML:

<div class="container"> <div class="row"> <div class="col-lg-3">Block 1</div> <div class="col-lg-3">Block 2</div> <div class="col-lg-3">Block 3</div> <div class="col-lg-3">Block 4</div> </div> </div>

Так вон мне нужно что бы на больших и средних экранах блоки были размещены в определенных положениях, а на маленьких в столбик стандартно

Подскажите как реализовать?

[DWIM]

В бутстрапе 4 ширины:
Очень маленькие устройство xs Телефоны (<768px)
Малые устройства Планшеты sm (≥768px)
Средние устройства Настольные md (≥992px)
Большие устройства Настольные lg (≥1200px)

Соответственно для каждой ширины можно прописать разное поведение, например для больших в 4 колонки, дальше в 3, в 2 и в 1:
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">Block 1</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">Block 2</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">Block 3</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">Block 4</div>
</div>
</div>

[uglik]

DWIM,

Это я понял.

И разобрался с остальным только что ) спасибо всем.
Например:
Нужно просто прописать @media (min-width:992px) and (max-width:1200px){
и здесь уже перечисляем определенные классы под разные устройства!
вот собственно чего я не знал )
}