Twitter bootstrap 带多列显示器的Bootstrap Popover未扩展到宽度

Twitter bootstrap 带多列显示器的Bootstrap Popover未扩展到宽度,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我尝试在引导式popover中使用多列显示,内容似乎一直在尝试适合popover,而不是相反。我对width和max-width属性进行了改进,但没有效果。最大的问题是(在引导层)字段集图例(最后一个图例被切断)和字段标签(正在包装),而不是popover变大以容纳它们 为什么popover不能扩展?我曾经有另一个专栏,我删除了它以获得更多的空间,而popover只是缩小到新的内容。我注意到.popover类被限制为最大宽度:276px在bootstrap.min.css中。当你检查这些元素时(

我尝试在引导式popover中使用多列显示,内容似乎一直在尝试适合popover,而不是相反。我对width和max-width属性进行了改进,但没有效果。最大的问题是(在引导层)字段集图例(最后一个图例被切断)和字段标签(正在包装),而不是popover变大以容纳它们


为什么popover不能扩展?我曾经有另一个专栏,我删除了它以获得更多的空间,而popover只是缩小到新的内容。

我注意到
.popover
类被限制为
最大宽度:276px在bootstrap.min.css中。当你检查这些元素时(在谷歌浏览器中),你可以看到这一点。
我截图了我的意思

链接到屏幕截图:

如果可以删除最大宽度限制,则可以将
.popover
的宽度设置为100%

我希望这有帮助:)

编辑### 如果你改变

.popover {
    max-width: 100%;

    overflow-y:auto;
    z-index:1000;
}
致:


它应该可以工作:)

如果我正确理解您的问题,您不喜欢popover有一列从边缘(水平)滚动。问题是您没有将所有行和列都放在容器中:

代码(popover的数据内容):

引导需要将网格系统包装在一起,否则将无法正确格式化


如果您想摆脱水平滚动条,请删除
overflow-y:autoCSS。-谢谢肖恩·泰勒

我知道这并不是你所问的(“为什么我的popover不能扩展”),但它确实解决了溢出问题。。。只需在CSS中添加以下内容:

.panel-legend{font-size:16px;}

固定格式。另外,为了澄清:您希望popover没有一个水平滚动条,并且所有的东西都可以放在里面?如果您查看一下提供的引导层,您将看到最大宽度已被覆盖为800px。打开DevTools将显示现有的popover的宽度已经大于276pxSorta。查看引导层,popover不会剪裁最后一个字段集图例,但它仍然没有扩展,因此每列中的标签都是一行的(请参阅“Est.Condition”)。popover仍然从某个地方获得它的宽度,而那个地方似乎不是它的宽度content@ABMagil我又重新格式化了,这就是你要找的吗?好多了。你做了什么改变?您是否直接在每个
上设置了宽度?@ABMagil我将
最大宽度
更改为
100%
,删除了
宽度:自动
,并正确格式化了您的代码。集装箱是你最大的问题。忘了我的答案,这比一英里好。此外,如果删除“overflow-y:auto”,则会恢复V形并丢失h形滚动条(它会显示出来,因为V形最终会出现在弹出框中)。
<div class='container-fluid'>
....
</div>
 .popover {
  max-width: 100%;

  overflow-y:auto;
  z-index:1000;
}
.panel-legend{font-size:16px;}