Bootstrap4中块的最大宽度为760px？

Question

我需要将块内容的宽度设置为760px（最适合行长度），并将其水平放置在页面的中央。在没有自己的CSS的纯Boostraprap 4中有可能吗？

使用“ col-8”类，块内容为730px宽。 对于“ col-10 px-5”类，该块的内容为853,984px宽。

在CSS中很简单：

div{  
    margin:0 auto;  
    max-width:760px
}

Answer 1

divs容器应具有d-flex justify-content-center类，这将使其位于中间。 max-width意味着div的最大width仅在内部内容如此宽的情况下才为760px。您只需要width。

在boostrap中，row类默认为display:flex，您也可以使用它。只要注意默认边距即可。 （margin-left / margin-right：-8px）

<div class="container d-flex justify-content-center">
    <div> // with the style="width: 760px;"
    </div>
</div>

<div class="row justify-content-center mx-0">
    <div> // with the style="width: 760px;"
    </div>
</div>

Answer 2

您可以显示您的代码吗？如果div在具有类container-fluid的div内，只需将col添加到您的div类中，它将占用屏幕上的所有宽度。