数据大于Bootstrap模式

Question

我正在自动将数据写入模态，但是如您所见(在这里(我有大小问题。

<div id="check-answers" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Answers</h4>
            </div>
            <div class="modal-body">
                <p>datadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadata</p>
                <p>datadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadata</p>
                <p>datadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadatadata</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

我将如何解决此问题，以便它适合任何类型的数据？

Answer 1

只需将其添加到您的CSS

.modal-body p {
    word-wrap: break-word;
}

工作示例