如何设置 Bootstrap 4 toast 的宽度？

Answer 1

我找到了办法。它也有帮助，它在网站上，我可以直接在上面尝试东西，让事情变得更容易。

我不知道你是否熟悉 bootstrap 但是有这样的东西可以让你通过将 class="col-x" （x 在 1-12 之间）的东西放入 a 中来“控制”东西的长度div 与 class="row"。

<div class="row">
    <button type="button" class="btn btn-primary col-8" 
    id="liveToastBtn">Toast it</button>
</div> 

正如你所看到的，这就是我所做的，只需在按钮的类中添加 col-8 即可，你可以更改它，但我发现 6 看起来不像 50% 8 更接近。

然后你需要一些CSS来使按钮居中:

.row{
   display:flex;
   justify-content:center;
 }

希望这就是您正在寻找的🥶🥶🥶🥶🥶🥶