jquery - 删除和添加宽度时元素不断变化

标签 jquery html css twitter-bootstrap bootstrap-4

<分区>


关闭 5 年前

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

看我做的动图:enter image description here

您可以在这里自己查看:cwdekker.nl

最佳答案

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

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

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

要在右侧添加填充,您可以使用 pr-* 类 (padding-right); pb-* 用于 padding-bottom 等

引用:

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

关于jquery - 删除和添加宽度时元素不断变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48611296/

上一篇:html - 需要一些帮助摆脱两个 div 标签之间的空白

下一篇:javascript - 我可以获取背景图像的 css 值并将其作为背景加载到另一个 div 中吗?

相关文章:

javascript - 滑动 slider ...删除箭头

javascript - 根据单选按钮的值选择要显示的选项列表

javascript - html-css 自动 slider 按钮不起作用

html - 用于菜单导航的居中文本/div

HTML5 动画 - 滚动到时播放

css - 增加 Shiny 应用程序中操作按钮的长度

javascript - 在特定下拉列表中选择时,从所有其他选定的多个下拉列表中删除选项

javascript - jQuery 函数的范围

jquery - 构建词云 Jquery/HTML5 插件

html - 为主页和预取内联整个 CSS 文件