连续的Bootstrap行给了我一个微小的白色右边距

时间:2016-05-30 13:12:27

标签: html css twitter-bootstrap

在bootstrap中,似乎嵌套行给了我一个小的附加右边距:

enter image description here

根据定义,行是:

margin-right : -15px;
margin-left : -15px;

我的行包含在容器流体中以具有完整的窗口宽度。

你知道如何摆脱右侧的这个空白区域吗?

例如:

<div class="row">
    <div class="customize">
        <div class="row">
            <div style="display:flex; margin-top:50px;">
                <h2 class="slide-title">Personnalisez votre vitrine CINETIK</h2>
            </div>
        </div>

第一行,当我突出显示它具有窗口的确切大小,第二行在右边有这个边距。 第一行包含在流体容器中。

空白区域有一个固定的尺寸,当调整窗口大小时,它仍然是相同的大小。

2 个答案:

答案 0 :(得分:3)

像这样使用class = col-md-12:

<div class="row">
<div class="customize">
    <div class="row">
        <div class="col-md-12" style="display:flex; margin-top:50px;">
            <h2 class="slide-title">Personnalisez votre vitrine CINETIK</h2>
        </div>
    </div>

答案 1 :(得分:1)

在css类

中使用此代码
 *{margin:0;Padding:0}