如何设置带有引导程序的mr-1,将两个超大加速器隔开而不堆叠?

时间:2018-07-12 09:40:39

标签: jquery css bootstrap-4

我有两个分别为col-md-6的超大型飞机。他们很好地挨着。实际上,它们在模态内部,但是我在没有模态的情况下进行了提琴演奏,因为元素的作用相同。如果我在左侧的巨型飞机中添加mr-1类,则可以堆叠它们,这是合乎逻辑的,但是如何腾出空间以使巨型飞机彼此不接触,它们之间应该有一定的余量,但是我希望它们各自占据6列,移动堆栈。我的头上有一些光记忆颗粒,该引导程序可以不加堆叠地处理这种情况?

这是代码:

<div class="container col-12">
    <div class="row">
        <div class="jumbotron col-md-6">
            Some text.
        </div>
        <div class="jumbotron col-md-6">
            Some more text.
        </div>
  </div>
</div>

Jumbotrons in Fiddle

1 个答案:

答案 0 :(得分:3)

如果您将colm-md-6内的巨型机放在里面,那么您可以看到它们周围的空间;)

 <div class="container col-12">
    <div class="row">
        <div class="col-md-6">
        <div class="jumbotron">
            Some text.
        </div>
        </div>
        <div class="col-md-6">
        <div class="jumbotron">
            Some text.
        </div>
        </div>
  </div>
</div>

Sample Fiddle

希望这会有所帮助。

-帮助:)