Дурной тон использовать блок для одной только линии. Используйте псевдоэлементы after или before для этих целей.
Используйте white-spae: nowrap, если нужна одна строка для заголовка. codepen.io/mischuk/pen/Jmwuf
Фреймворки используются, чтобы облегчить и ускорить процесс разработки, а вашем случае, кажется, что только усложняете себе жизнь этим.
У бутстрапа в меню есть пункт Customize. Используйте его.
Если фон сплошной, то можете вырезать кнопку с фоном и разместить по-центру поверх рамки.
Если нет, то border-top: none, и через after/before добавляйте с фиксированной шириной в абсолютном позиционировании эти полосы.
Хочешь сделать хорошо - сделай сам (с)
А что мешает взять ваш пример хорошей разметки и делать fadeIn по data-toggle="modal", например, и fadeOut по .close?
Как уже сказал @eandr_67, то max-height используйте, если нужна прокрутка внутри модального блока.
Так же рекомендую Absolute Horizontal And Vertical Centering In CSS.
Скрывается через задание высоты в 100% для body и указывается overflow:hidden, как уже ответили вам, но предлагаю не создавать собственный велосипед и использовать проверенные легковесные кроссбраузерные решения вроде TinyScrollbar или можно ограничиться кастомным скроллбаром только в вебкитах.
Потому используя float вы вырываете из потока эти блоки и высота родительского блока зависит только от блоков в статичном потоке.
Используйте готовое решение в виде clearfix