html–Bootstrap:移动显示器上列之间的间隙

html–Bootstrap:移动显示器上列之间的间隙,第1张

概述我正在使用bootstrap 3.0做一个网站,我希望在桌面,平板电脑和移动设备上整齐地看到HTML和CSS.我遇到的一个问题是,当您在移动显示器上查看该网站时,该列是堆叠的(我不批评这一点,因为这会尽可能地停止滚动).但是,我希望列之间有一点差距(甚至1-2px).到目前为止的代码<div class='row'> <div cl

我正在使用bootstrap 3.0做一个网站,我希望在桌面,平板电脑和移动设备上整齐地看到HTML和CSS.

我遇到的一个问题是,当您在移动显示器上查看该网站时,该列是堆叠的(我不批评这一点,因为这会尽可能地停止滚动).但是,我希望列之间有一点差距(甚至1-2px).

到目前为止的代码

一个图像,用于显示正在执行的 *** 作以及显示堆栈列

如何在列之间实现一点差距?

谢谢

最佳答案添加自定义类.column-margin以设置行/列之间的边距.

@media (max-wIDth: 991px) {  .column-margin {    margin: 2px 0;  }}

Codeply 总结

以上是内存溢出为你收集整理的html – Bootstrap:移动显示器上列之间的间隙全部内容,希望文章能够帮你解决html – Bootstrap:移动显示器上列之间的间隙所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1145349.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)