php - Bootstrap 面板填充可用宽度

Question

我正在使用 bootstrap 3 和 PHP 来显示一个页面，其中并排显示 1、2 或 3 个面板，具体取决于用户必须查看这些面板的权限(他们始终有权查看至少一个面板)。

如果用户可以看到全部 3 个，我希望它们并排显示，每个使用 4 个网格列。如果他们能看到两个，我希望他们填满可用宽度，即每列 6 列。如果用户只能看到一个面板，最后是一个 12 列面板。

我认为将面板放在流体容器中并放在具有“行”类的同一个 div 中，而不指定它们有多少列宽，可能会成功，但这会使它们一个一个地出现在另一个之上，并且占据页面的整个宽度。

我怎样才能通过 Bootstrap 实现上述目标，而不是必须使用 PHP 代码来根据显示的面板数量来更改列数(我认为这会更麻烦)。

Answer 1

我认为这是不可能的。面板的设计是为了填充它们的容器(如 block 元素)。也许您可以将显示内联 block css 属性应用于面板，但您需要计算 css 宽度以应用它们来填充整行...