bootstrap по сути стал промышленным стандартом, если речь о мобильной разработке, то мне нравится framework7, из платных extjs - заточен для отображения данных, из микро понравился purecss
1. display: table-cell подразумевает display: table у родителя
2. "a p" это какое-то извращение, почему бы просто не сделать a {display: block; margin: 0 10px; } ?
можно хранить id открытого спойлера в глобальной переменной или добавить спойлера класс и при открытии нового спойлера перебирать все спойлеры в поисках открытого
по поводу прокрутки - у блока который выводит контент на экран телефона задаются width/height + overflow-y/overflow-x.
поищи на гитхабе - попадались готовые решения.
для того же tinymce можно задать контейнеры в которые добавляется текст, по умолчанию это < p >, т.ч. заменяем на < div class="tinymce-position-absolute" > + подключаем css. либо же дописать плагин работающий аналогично.
При сохранении используем JQuery.unwrap чтобы удалить ненужные слои.