bootstrap框架popover弹框内容换行详解

默认代码

<button type="button" 
class="btn btn-primary popover-show"
title="服务范围" data-container="body"
data-toggle="popover"
data-content="河北省邯郸市 <p>北京市朝阳区</p>">
左侧的 Popover
</button>

一般内容是不换行的，即使内容里面添加了
,也是没有用的呢，就像下面这个样子

修改后

<button type="button" 
class="btn btn-primary popover-show"
title="服务范围" data-container="body"
data-toggle="popover"
data-html="true"
data-content="河北省邯郸市 <p>北京市朝阳区</p>">
左侧的 Popover
</button>

只需要加上data-html=“true”，就可以识别了