twitter-bootstrap - 具有多列显示的 Bootstrap 弹出窗口不扩展到宽度

Question

Bootply is here

我正在尝试在 Bootstrap 弹出窗口中使用多列显示，并且内容似乎一直在尝试适应弹出窗口，而不是相反。我对 width 和 max-width 属性进行了一番尝试，但无济于事。最大的问题在字段集图例中(在 bootply 中)很明显，其中最后一个被切断，并且在字段标签中，它们正在换行，而不是弹出框变得更大以容纳它们。

为什么弹出窗口不会展开？我曾经有另一列，我将其删除以获得更多空间，而弹出窗口只是缩小到新内容。

Answer 1

如果我正确理解你的问题，你不喜欢弹出窗口有一列从边缘滚动(水平)。问题是您没有将所有行和列放入容器中:

代码(弹出窗口的数据内容):

<div class='container-fluid'>
....
</div>

CSS:更改了 max-width 并删除了 width:auto

 .popover {
  max-width: 100%;

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

BOOTPLY DEMO

Bootstrap 需要 containers将网格系统包裹在一起，否则将无法正确格式化。

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