删除和添加宽度时元素不断变化[关闭]答案

【问题标题】：Element keeps changing when removing and adding width [closed]删除和添加宽度时元素不断变化[关闭]
【发布时间】：2018-02-05 03:04:26
【问题描述】：

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

查看我制作的 gif：

您可以在这里亲自查看：cwdekker.nl

【问题讨论】：

克里斯，你的实际问题是什么？当你像这样弄乱 css 时，你到底期望什么？我的意思是，当你把它们拿走时，你不会期望它们会破裂吗？
@WebDevBooster 我的问题是是否有人知道为什么会发生这种情况。我的意思是，如果你把东西拿走，我希望它会改变，但不是这样。它以某种方式不断向左移动元素
克里斯，为了帮助您解决问题，我首先需要了解实际问题是什么。而现在，我一无所知。可以填我吗？
@WebDevBooster 好吧，如果您查看图像中的导航栏，您会看到 nav-item 每次我删除/添加宽度时都会移动，直到它以某种方式达到全宽并且文本是彼此相邻。
很公平，克里斯。但是你不希望你的网站访问者做你在那个 gif 中所做的事情。你呢？

【解决方案1】：

您应该使用 Bootstrap 4 提供的本机间距类，而不是使用自定义 css hack 来解决简单的问题。

Bootstrap 4 中的 padding 和 margin 类分别是 p-* 和 m-*。

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

要在右侧添加填充，请使用pr-* 类（padding-right）； pb-* 用于填充底部等。

参考：

【讨论】：