Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 风格引导3流行_Css_Twitter Bootstrap_Popover_Bootstrap Popover - Fatal编程技术网

Css 风格引导3流行

Css 风格引导3流行,css,twitter-bootstrap,popover,bootstrap-popover,Css,Twitter Bootstrap,Popover,Bootstrap Popover,下面是相关的完整代码示例 将鼠标悬停在嘶嘶菜单右侧的道路图标上,您将看到一个弹出窗口。看看这件府绸有多窄?我想: 显著拓宽popover;及 为popover设计不同的颜色,例如: popover“标题”部分的绿色背景(“说明:”) popover“正文”部分的红色背景(正文) 根据,我可以通过以下方式加宽popover: $('[data-toggle="popover"]').popover({ container: 'body' }); 这正是我所做的(参见JSFIDLE

下面是相关的完整代码示例

将鼠标悬停在嘶嘶菜单右侧的道路图标上,您将看到一个弹出窗口。看看这件府绸有多窄?我想:

  • 显著拓宽popover;及
  • 为popover设计不同的颜色,例如:
    • popover“标题”部分的绿色背景(“说明:”)
    • popover“正文”部分的红色背景(正文)
根据,我可以通过以下方式加宽popover:

$('[data-toggle="popover"]').popover({
    container: 'body'
});

这正是我所做的(参见JSFIDLE中的JS),但这显然不起作用。而且我也找不到任何可以设计府绸颜色的东西。有什么想法吗?

您可以对popover的类应用一些CSS来实现这个结果

在您提供的小提琴中,您可以通过以下几行实现“signin”元素想要的效果:

.signin .popover { min-width:300px; }
.signin .popover-title { background-color:green; }
.signin .popover-content { background-color:red; }

谢谢@Celmar(+1),不幸的是这些改变对我不起作用。如果我搞砸了,你愿意更新我的JSFIDLE吗?再次感谢!当然,我必须在元素中添加一个id才能为field mode popover执行此操作。您可以调整
模板
Popover设置(参见文档)。