创造所需的距离？ [英] creating desired distance?

问题描述

我有两个div-cold-6分布在整个宽度页面上，我想在它们之间创建所需距离之间的差距，请帮我怎么做？

I have two div of col-md-6 spread over entire width page , I want to create gap between them of desired distance between them please help me how to do that??

<div class=" col-lg-6  col-md-6 col-sm-12 col-xs-12 Usage">
</div>

<div class=" col-lg-6  col-md-6 col-sm-12 col-xs-12 BillPayment">
</div>

我试过的是抵消，把它们放在班级边缘，填充不成功。



提前谢谢

What I have tried is offset, Putting them in a class margin, padding unsuccessfully.

thanks in advance

推荐答案

使用Bootstrap，页面宽度为12单位。这意味着如果你有2列md-6（在992px +的显示屏上是屏幕宽度的一半），你将永远不会有它们之间的差距。



如果你需要中+显示屏上的空格，请在它们之间引入一列并更改它们的宽度，如下所示：

Using Bootstrap, you have 12 "units" in the page width. This means that if you have 2 columns of md-6 (which is half the screen width on a display of 992px+), you will never have a gap between them.

If you need the whitespace on a medium+ display, introduce a column between them and change their widths, like so:

<div class="col-md-5"></div><!--Content Element -->
<div class="col-md-2"></div><!--Spacing Element -->
<div class="col-md-5"></div><!--Content Element -->

有了这个，我们仍然有12列单位，但是它们之间存在响应性差距。



有关Bootstrap网格系统的更多信息，请从马口处获取：

CSS& middot; Bootstrap [ ^ ]

这篇关于创造所需的距离？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！