Как правильно получить смещения сетки Bootstrap? ⇐ CSS

[Anonymous]

У меня есть страница с шаблоном строк сетки Bootstrap, каждая из которых содержит абзац текста и изображение. Целью дизайна является то, что на больших экранах для четных строк текст занимает столбцы с 3 по 8 сетки Bootstrap, а изображение занимает столбцы с 9 по 11, для нечетных строк изображение занимает столбцы со 2 по 4, а текст занимает столбцы 5. до 10. На маленьких экранах каждое изображение должно находиться под соответствующим абзацем. Я использую это...

Код: Выделить всё

 
Paragraph text.
[img]...[/img]



[img]...[/img]
Paragraph text.
 

...

Однако документы Bootstrap говорят мне, что я смогу добиться этого, используя классы смещения вместо пустых столбцов. Я пробовал множество перестановок, и лучшее, что мне удалось сделать, это то, что нечетные или четные строки являются правильными, но не оба одновременно. Может ли кто-нибудь меня поправить?

Подробнее здесь: https://stackoverflow.com/questions/787 ... sets-right