Если я правильно вас понимаю, вы хотите поместить контейнер таблицы горизонтально, не так ли? просто установите значение pivot-ui на 100% следующим образом:
.pivot-ui {
width: 100%;
background-color: red;
}
В другом подобном вопросе кто-то ответил на этот вопрос для меня наряду с некоторыми другими вопросами, которые у меня были. Это ссылка на этот пост
Попробуйте изменить f.label
внутри блока fields_for
на student_detail_field.label