Таблицы в адаптивном веб-дизайне

Я следовал типичному способу настройки формы в приложении, который заключается в использовании таблицы, которая выглядит следующим образом:

<table>
  <tbody>
    <tr>
      <td>Field</td>
      <td>@Html.TextBox("Field")</td>
    </tr>
    <tr>
      <td>Field 2</td>
      <td>@Html.TextBox("Field2")</td>
    </tr>
  </tbody>
</table>

Получается такой формат:

Field    <TextBox>
Field    <TextBox>

В большинстве мобильных дизайнов это выглядит следующим образом:

Field
<TextBox>
Field
<TextBox>

Это то, что мне нужно сделать, потому что некоторые из моих форм слишком длинные для отображения в мобильном браузере. Есть ли простой способ настроить это? Может быть, есть способ заставить каждую ячейку отображать новую строку, что мне подойдет? Что-то кроссбраузерное поддерживается?

Или необходим редизайн?

Спасибо.