Как убрать полосы в modal?

Question

[Артём]

Есть форма связи в modal. Вот.

Возможно я туплю жестко, но не пойму откуда взялся этот косяк с линиями (на скрине красным).



Как починить?

Answer 1

[Виталий]

Верхняя линия - .modal-header , нижняя - .modal-footer
Почему так ? - потому что высота блока modal-body всего 30px ,
Замените
<div class="modal-body">
на
<div class="modal-body clearfix">
и будет вам счастье.

Comments

[Артём]

Спасибо!

Answer 2

[Андрей Ивченков]

Эти линии принадлежать диву с классом modal-body. Попробуйте этому диву также добавить класс clearfix.

Comments

[Валерий Столярчук]

Для чего используют класс clearfix ?

[Андрей Ивченков]

getbootstrap.com/css/#helper-classes-clearfix

Answer 3

[Serg Sniffer]

Если Вы хотите убрать эти линии, попробуйте у элементов .modal-header и .modal-footer отключить border.

.modal-header, .modal-footer {
    border: none;
}

Если Вы хотите привести эти линии к нормальному виду, то элементу с классом modal-body добавьте класс clearfix(как было упомянуто выше), либо добавьте свойство overflow: hidden

.modal-body {
    overflow: hidden;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}