Вадим Белкин

Соглашусь с Антон Спирин, тут больше к общему UI/UX, а не просто веб.
Попробуйте почитайте или изучите какие-то дизайн системы, как правило там описаны и аргументированы многие решения по UI/UX. Например, можно почитать документацию к Material Design, сама система сделана довольно таки качественно.

а у .question position задан?

Главное правильно разбить на ячейки и объединить, тогда можно и размеры ячеек не задавать - они от общей ширины таблица сами распределятся. Подойдёт метод разбивки всей таблицы на сетку (в вашем случае 6 колоночную или 12), аналогично любому CSS фреймворку, но только вместо классов отвечающих за ширину использовать атрибут colspan, а за высоту rowspan. Пример

Bootstrap это по сути набор готовых UI элементов, плагинов для них же, который используют чтобы не тратить время на создание с нуля UI элементов. Для начала ознакомьтесь со структурой всех элементов, от простых кнопок, иконок и полей, до более объёмных, вроде модальных окон и т.п., как их можно совмещать, модифицировать классами, компоновать с помощью сетки и т.д. И в процессе при необходимости изучите и сами js плагины для управления этими же UI элементами.

$('.modal').modal('show');
Открытия модального окна. После перезагрузки вызывать, либо по нажатию на кнопку делать e.preventDefault(); и подгружать модалку динамически и открывать.