Доработка фронтэнда формы оформления заказа

Доброго времени суток!
Средний этап нового магазина.
MODX Revolution 2.5.8-pl, miniShop2, Office- все работает.

Что имеется:
на полном экране:
в форме оформления заказа три поля 'street','building','room' расположены все в одной строке;
на мобильном экране:
в форме оформления заказа три поля 'street','building','room' расположены каждое в своей строке;
Что нужно:
на полном экране каждое поле вывести отдельной читаемой строкой;
на мобильном экране сохранить исходный вывод полей (в отдельных строках).

Подскажите плиз изменения в рабочий код. Исходный шаблон чанка tpl.msOrder.
Олег Эд.
23 октября 2017, 17:28
modx.pro
701
-1

Комментарии: 3

Stan Ezersky
23 октября 2017, 20:54
-1
Тут стоит документацию с сетке Bootstrap посмотреть

col-xs-12 col-sm-6 col-md-4
    Александр Мельник
    23 октября 2017, 20:56
    0
    Простите, но читаю Вас и частично понимаю, почему далеко не всегда понимают мои вопросы…

    Нужно хорошо постараться, чтобы текст передал суть вопроса.
    Вот что значит —
    на полном экране каждое поле вывести отдельной читаемой строкой;
    на мобильном экране сохранить исходный вывод полей (в отдельных строках).
    Ведь обе строки говорят об одном — вывести на отдельных строках.

    Кто кроме Вас может знать, как настроены стили Вашего сайта?
      Stan Ezersky
      23 октября 2017, 22:19
      0
      на полном экране каждое поле вывести отдельной читаемой строкой;
      на мобильном экране сохранить исходный вывод полей (в отдельных строках).
      Строка — это строка и она всегда она.

      Кто кроме Вас может знать, как настроены стили Вашего сайта?
      Там видимо дефолтные стили и установленный Bootstrap. В любом случае, я написал в первом комментарии: «стоит документацию по сетке Bootstrap посмотреть» и разобраться с построением сетки

      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      3