Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 删除和添加宽度时,元素会不断更改_Jquery_Html_Css_Twitter Bootstrap_Bootstrap 4 - Fatal编程技术网

Jquery 删除和添加宽度时,元素会不断更改

Jquery 删除和添加宽度时,元素会不断更改,jquery,html,css,twitter-bootstrap,bootstrap-4,Jquery,Html,Css,Twitter Bootstrap,Bootstrap 4,我有一个nav项目,当添加或删除宽度时,该项目不断变化:100%。我使用的是Bootstrap4,这真的是我第一次看到这样的东西 请参阅我制作的gif: 您可以在这里亲自查看:您应该使用Bootstrap 4提供的本机间距类,而不是使用自定义css hack来处理间距等简单的事情。仅此一项就可以立即解决您的问题 bootstrap4中的padding和margin类分别是p-*和m-* 要在两侧添加水平填充,可以使用px-*,而*应替换为0到5之间的数字 要在右侧添加填充,可以使用pr-*类(p

我有一个
nav项目
,当添加或删除
宽度时,该项目不断变化:100%。我使用的是Bootstrap4,这真的是我第一次看到这样的东西

请参阅我制作的gif:


您可以在这里亲自查看:

您应该使用Bootstrap 4提供的本机间距类,而不是使用自定义css hack来处理间距等简单的事情。仅此一项就可以立即解决您的问题

bootstrap4中的padding和margin类分别是
p-*
m-*

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

要在右侧添加填充,可以使用
pr-*
类(padding right)<代码>pb-*
用于填充底部等

参考:


克里斯,你真正的问题是什么?当你这样处理css的时候,你到底期望什么呢?我的意思是,当你把它们拿走时,难道你不认为东西会破裂吗?@WebDevBooster我的问题是,是否有人知道为什么会发生这种情况。我的意思是,如果你把东西拿走,我希望它会改变,但不是像这样。它将元素进一步向左移动,Chris,为了帮助您解决问题,我首先需要了解实际问题是什么。而现在,我不知所措。你能告诉我吗?@WebDevBooster好吧,如果你看一下图像中的导航栏,你可以看到
nav项
在每次我移除/添加宽度时都在移动,直到它以某种方式达到一个全宽,并且文本彼此相邻。克里斯,这很公平。但是,你不希望你的网站访问者做你正在做的事情。是吗?很高兴听到这个!