Как растянуть блок до левого края. Bootstrap, CSS?

Question

[veltolo]

Доброго времени суток, форумчане. Помогите растянуть блок до конца (до левого края), у меня не получается.
Вот сейчас у меня ситуация как на рисунке 1.png:

А мне необходимо, чтобы было как на рисунке 2.png.


Может для кого-то это окажется совсем простой задачей..

К сообщению прикладываю ссылку на файлы bootstrap.css и на всякий случай файл стилей и веб страницей, в которой находятся эти блоки. в RAR архиве.

Жду предложений :)

Comments

[Сергей delphinpro]

К сообщению прикладываю ссылку на файлы

Зачем? Кто будет скачивать?
К вопросу нужно прикладывать демку в песочнице jsfiddle.net/boilerplate/bootstrap

[Сергей delphinpro]

.row {
  display: flex; /* для bs 3 */
}
.col-lg-4,
.col-lg-8 {
  display: flex
}

это решит вашу задачу. Только не нужно задавать стили прямо этим классам. Повесьте на нужные колонки свои. Или, если у вас bootstrap 4, посмотрите его документацию, там есть классы-помощники для флексов.

[veltolo]

Блин, извиняюсь, про песочницу совсем забыл - на часах 7:40, днем посмотрю
Спасибо вам за ответ!

[veltolo]

Сергей delphinpro, эти колонки просто встали рядом, только центральная (та, где описание, цена название товара и т.п) немного сузилась

[Сергей delphinpro]

veltolo, flex-shrink: 0 для колонок чтобы не сужались

[veltolo]

Не в то направление ведете..

Answer 1

[Роман]

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

Answer 2

[NaN]

у вас должна быть карточка товара с бэкграундом, в этой карточке две составляющих - фото и описание.
задаете flex родителю (карточке товара) и эти два блока становятся рядом, зачем здесь вообще использовать бутстрап?