При помощи Bootstrap реализовать — две колонки посередине, третья всё свободное пространство справа от них?

Question

[Роман]

Подскажите как сделать форму.
Требуется реализовать 3 колонки.
Первые две должны отображаться посередине экрана (занимают col-sm-1 и col-sm-3 соответственно в них лейбл и инпут)
Третья колонка с ошибками.

Как реализовать, что бы при появлении ошибки, позиционирование формы было посередине (тоесть первые две колонки были посередине, с ошибки не смещая их отображались справа от них и занимали всё оставшееся пространство)

Answer 1

[Сергей delphinpro]

Ну ежели бутстрап, то вроде простая математика, распределить пространство между 12-ю колонками:
1+3 = 4
12 - 4 = 8
8 / 2 = 4;

col-4 (пустая) + col-1 (первая) + col-3 (вторая) + col-4 (ошибки)

Вместо пустой колонки можно (и возможно нужно) использовать offset-4 у первой колонки

Answer 2

[Виктор Таран]

Изменение расположения элементовр интерфейса в заисимости от изменения статуса одного из значений, это даже не ошибка дизайна а ошибка мозга.
То что вы говорите сделать легко, но вы в корне не правы делая такой интерфейс.