Bootstrap v3中“容器”类的mixin

Posted 2023-03-06

【中文标题】Bootstrap v3中“容器”类的mixin

【英文标题】：mixin for 'container' class in Bootstrap v3

【发布时间】：2013-12-30 03:51:47

【问题描述】：

在 Bootstrap v3 中找不到 container 类的 mixin，但附近有 container-fixed()。

帮助我了解如何通过 mixins 使用 container 类？

【问题讨论】：

哪个靠近什么？你想达到什么目的？

也许this 会有所帮助？

@davidpauljuni 或 container 类的 mixin，其宽度由媒体断点调整

【参考方案1】：

您可以从引导程序中导入“grid.less”并简单地使用：

.your-container
  .container();

或从引导程序复制到您的课程中：

.your-container
  .container-fixed();

@media (min-width: @screen-sm) 
    width: @container-sm;
  
  @media (min-width: @screen-md) 
    width: @container-md;
  
  @media (min-width: @screen-lg-min) 
    width: @container-lg;