html - 减少 Bootstrap 中内容之间空间的最简洁方法

标签 html css twitter-bootstrap adminlte

我使用 Bootstrap v3 和 AdminLTE。在这里我想减少每个内容之间的空间。 Image

当我只设置 margin-left 和 margin-right 时,最右边内容的右边距和最左边内容的左边距会受到影响,这是我不希望的。如何以最简洁的方式实现这一目标?

最佳答案

您可以使用 :nth-child 选择器,或者我更喜欢使用 flexbox .具体来说,如果您将容器设置为 justify-content: space-between,它将在每个元素之间创建均匀的间距,但也会在末尾保留第一个和最后一个元素。

我还建议升级到 Bootstrap v4..它好多了,并且包括他们自己的速记 flexbox。

关于html - 减少 Bootstrap 中内容之间空间的最简洁方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53218659/

相关文章:

html - Webpack 样式!css!sass 加载器

python - 在 Django 中实现 HTML 和 CSS

java - 没有@RequestMapping的单个Spring mvc 4 Controller 返回从我的html View 中剥离css

c# - 在 mvc 中动态添加 Bootstrap 行和列

javascript - 本地图上使用javascript时,在 Bootstrap 页面中显示谷歌地图

Python Beautiful soup 在html中插入注释

html - Google Chrome 中的后退按钮不保留单选框值

javascript - 在网站中设计图像幻灯片

html - 为什么div float 在body标签内

css - 如何垂直和水平对齐图像上的文本?