Сергей delphinpro

Какие проблемы? https://jsfiddle.net/ue86xrqe/6/

В определенных случаях - можно: codepen.io/anon/pen/mRvdeK
(Определенные случаи зависят от количества блоков-айтемов и ширины контейнера)

https://jsbin.com/bolilozafu/1/edit?html,css,output

как обычно - position:relative для блока, от которого нужно вести отсчет.

вот одно решение https://jsfiddle.net/DelphinPRO/hm3ewt1d/
есть второе, писал фиддл сюда на тостер, но не нашел. Вкратце суть: делаем justify-content, добавляем два псевдоэлемента для родителя высотой 1px и шириной, равной ширине остальных блоков. order выставляем для них больше чем у блоков.

codepen.io/anon/pen/jrXGRA?editors=1100

C бухты-барахты - нет, штатные способы отсутствуют.
Но, как всегда, на выручку приходит смекалка, порождающая аццкие хаки =)

https://jsfiddle.net/m2r8ndk7/

PS. На самом деле, ничего страшного тут нет. Вполне приличный метод расположить блоки =)

Укажите, что изображению нельзя сжиматься - flex-shrink: 0;
В контексте флексбоксов любой элемент ведет себя как флекс блок. Ширина такого блока рассчитывается исходя из содержимого и параметров flex-grow, flex-shrink, flex-basis.
Можно еще использовать для ограничений max-width, min-width, но я считаю, в данном контексте это костыль.

Нужно разрешить контейнеру ul увеличиваться, если ему не хватает места.
codepen.io/anon/pen/gMgLEm

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

jsfiddle.net/ydgsv70x/3

Ну и кроме того (не в данном случае) не стоит забывать о свойствах min- max-width/flex-shrink. Они могут выручить.

менять непосредственно классы col-* не следует. Но дописать в разметку еще один класс и дать ему необходимые свойства - норм. т.е в принципе сделано нормально. Но адаптивность своим классам нужно будет сделать самому.

два ряда.
у контейнера

display: flex
flex-flow: column nowrap;
justify-content: space-between;

у формы
align-self: flex-end

https://jsfiddle.net/LymLye1L/
https://jsfiddle.net/LymLye1L/2/

Пожалуй, с вашей версткой только так
codepen.io/anon/pen/XXEXyo?editors=1100

Если отступы нужны в пикселях, используйте паддинги+border-box+вложенный элемент.

display: flex;
flex-direction: column;
justify-content: space-between;

codepen.io/anon/pen/rOZEbJ

Так и манипулировать - свойством width

jsfiddle.net/dhvzp6wm/9/