在构建 twitter bootstrap 弹出窗口时,您通常会将标题放在使用中data-original-title
,但是我很好奇标题 css 类是什么,如果有的话。
原因是,我需要更改标题在弹出框标题内的位置。我已经尝试过.popover-title
,但它移动了标题和灰色标题背景,我只想移动标题
在构建 twitter bootstrap 弹出窗口时,您通常会将标题放在使用中data-original-title
,但是我很好奇标题 css 类是什么,如果有的话。
原因是,我需要更改标题在弹出框标题内的位置。我已经尝试过.popover-title
,但它移动了标题和灰色标题背景,我只想移动标题
以什么方式改变位置?
只需覆盖此声明
.popover-title {
background-color: #F7F7F7;
border-bottom: 1px solid #EBEBEB;
border-radius: 5px 5px 0 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
margin: 0;
padding: 8px 14px;
}
你是对的,弹出框的标题有 class popover-title
。因此,您要进行的任何更改都必须存在。
但是,灰色背景也是 popover-title 类的一部分,因此任何更改都必须考虑到这一点。例如添加text-align:right
到类工作正常。
你是如何改变立场的?你想达到什么目的?如果您真的想发疯,您可以更改 bootstrap-popover.js 中的弹出框模板以添加另一个类或其他内容,但这取决于您要执行的操作。