引导程序警报内的文本溢出

Question

我遇到了引导警报的问题。我使用jquery注入警报 我的问题是，当我动态输入一个很长的文本时，文本会溢出警告框。 这是相关代码：

$(document).find('#alertmsg').text('Uploaded the following files: 7.PNG,8.PNG,9.PNG,10.PNG,11.PNG,12.PNG,bitBuck.png,bitbucket.png,Capture.PNG,Capture2.PNG,Chrysanthemum.jpg,database.jpg,Desert.jpg,digital.png,digitalOcean.png,Hydrangeas.jpg,instructions.jsp,Jellyfish.jpg,jssmall.png,Koala.jpg,Lighthouse.jpg,mysql.png,Penguins.jpg,Tulips.jpg,1.PNG,3.PNG,5.PNG,6.PNG,');    

我还创建了一个jsfiddel：http://jsfiddle.net/4wv0su4d/

有趣的是，如果用不同的文本替换文本，问题就解决了。

Answer 1

只需添加一些空格即可解决此问题，因此在您创建上传文件列表的位置，请用逗号空间,替换comme ,，bootstrap将能够以此方式显示您的警报你想要它。

jsFiddle：http://jsfiddle.net/4wv0su4d/1/

 $(document).find('#alertmsg').text('Uploaded the following files: 7.PNG, 8.PNG, 9.PNG, 10.PNG, 11.PNG, 12.PNG, bitBuck.png, bitbucket.png, Capture.PNG, Capture2.PNG, Chrysanthemum.jpg, database.jpg, Desert.jpg, digital.png, digitalOcean.png, Hydrangeas.jpg,  instructions.jsp, Jellyfish.jpg, jssmall.png, Koala.jpg, Lighthouse.jpg, mysql.png, Penguins.jpg, Tulips.jpg, 1.PNG, 3.PNG, 5.PNG, 6.PNG,');