V Sh.

Можно типа такого, но не уверен, что правильно все уловил:

Не делите таблицу. Просто для первой строчки - свой стиль, для всех остальных - другой.

Стройте последнюю строку контента отдельно. Предположим, что N - это количество элементов на странице.
1) Если N % 3 == 0, то строим как обычно;
2) Если N % 3 == 1, то строим все, кроме последнего элемента. Затем у последней строки строим так: пропуск-4-столбцов, наш элемент, пропуск-4-столбцов;
3) Если N % 2 == 2, то строим последнюю строку так: пропуск-2-столбцов, наш элемент, наш элемент, пропуск-2-столбцов.

И это без учета пагинации.

1) Рисуете начальное положение такого слайдера, используя css-классы. Например, такие: leftmost, left, center, right, rightmost.
2) Изменяете через js (при клике на "стрелочки") классы у вложенных изображений.

Мне кажется, что это простое копирование/вставка текста, реализуемая браузером. Если такую функцию отключить на сайте, то вполне возможно, что нельзя будет ее использовать...

Попробуй так.
Если будут нужны разъяснения, то задавай вопросы. Но вроде и так понятно, что код делает.

Ловите событие onmouseover на родителе. Находите нужный event.target (например, $(event.target).hasClass('popup'). Считываете размеры у таргета, рисуете, творите...

Очевидно, что отправить данные из формы на сервер. На сервере сохранить данные в БД и отправить обратно клиенту сформированный файл JPEG/PDF/PNG.

Разместите их также, как вы бы разместили их с помощью обычного CSS и тегов HTML. Можете применить таблицу с ROWSPAN, можете использовать DIV с различными обтеканиями... Сам BOOTSTRAP, насколько я знаю, не предоставляет свойство rowspan для ROW.