Question

我有一个使用angularjs和bootstrap 3（3.3.7）的小型SPA。

该页面显示一个标题和一个包含多个列的长表。我的主要div类是“容器”。当我在Firefox中检查内容时，它显示我的表是1170p。

主div内部是一个标题，一个复选框，以及包含该表的类“row”的div。

这个工作正常一段时间，但我现在需要在表中添加另一列。结果，细胞中的数据有些挤压。我真的需要桌子有点宽，但不要占用父容器的整个宽度。

我知道我可以使用容器流体来获得全宽度，但同样，我不希望这样。

我怎样才能让它更宽一点？

Answer 1

您可以根据需要创建自定义容器，方法是添加一些CSS：

.custom-container{
    width: 700px !important;
}

如果您希望它们像原始引导程序那样中断，则需要添加媒体查询：

@media (min-width: 1200px) {
  .custom-container{
    width: 1000px;
  }
}

@media (min-width: 992px) {
  .custom-container{
    width: 800px;
  }
}

@media (min-width: 768px) {
  .custom-container{
    width: 650px;
  }
}

之后，只需将该类添加到您的标记中：

<div class="container custom-container">

如何获得比容器宽但不是全宽的引导容器？

1 个答案: