Bootstrap Popover - пустое место наверх

Question

Я использую угловой бутстрап, чтобы создать popover.

По какой-то причине во время popover создается много свободного места в верхней части popover. Пожалуйста, проверьте прикрепленное изображение.

Серый прямоугольник - это мой текст [Я должен держать его скрытым], и вы можете видеть много пустого пространства в верхней части прямоугольника. Я не уверен, что это создает стиль CSS.

Это единственное, что касается CSS-стиля popover.

.popover { 
    white-space: pre-wrap !important; 
} 


.popover-content { 
    color: black !important; 
    font-size: 14px; 
    font-family: "Times New Roman", Times, serif; 
    text-align: center; 
} 

Update:

Вот живой demo

Я знаю, что предварительно обертка, что вызывает это, что я хочу поповер текст выравнивается по центру, завернутые в новую линию и не переполнения окна поппера.

Answer 1

вопрос с CSS

.popover { 
    white-space: pre-wrap !important; 
} 

изменение

.popover { 
white-space: normal !important; 
word-break: break-all!important; 

}

затем работает отлично

Answer 2

Положите бело-зр ace rule .popover-content (not on .popover)

.popover-content { 
    white-space: pre-line; 
}