删除和添加宽度时，元素会不断变化

Question

我有一个nav-item，在添加或删除width: 100%;时会不断变化。我使用的是Bootstrap 4，这是我第一次见到这样的东西。

请参阅我制作的gif：

您可以在此处查看：cwdekker.nl

Answer 1

而不是使用自定义css hacks来处理像间距这样的简单事情，你应该使用Bootstrap 4提供的原生间距类。仅此一项就可以立即修复你的问题。

Bootstrap 4中的填充和边距类别分别为p-*和m-*。

要在两侧添加水平填充，您可以使用px-*，而*应替换为0到5之间的数字。

要向右添加填充，请使用pr-*类（padding-right）; padding-bottom等pb-*。

参考：

https://getbootstrap.com/docs/4.0/utilities/spacing/