Html 猫头鹰转盘中不需要的右边缘_Html_Css_Twitter Bootstrap_Owl Carousel

Html 猫头鹰转盘中不需要的右边缘

html css twitter-bootstrap

Html 猫头鹰转盘中不需要的右边缘,html,css,twitter-bootstrap,owl-carousel,Html,Css,Twitter Bootstrap,Owl Carousel,我正在尝试在页面的页眉部分制作全高和全宽滑块。为此，我使用猫头鹰转盘和引导。一切正常，但我得到了一些我不想要的利润。我确实重置了页面的边距和填充，但是当我使用owl转盘时，我得到了正确的边距。请帮助我如何去掉这个空白这是代码 HTML <div class="header"> <div class="container-fluid"> <div class="row owl-carousel"> <div c

我正在尝试在页面的页眉部分制作全高和全宽滑块。为此，我使用猫头鹰转盘和引导。一切正常，但我得到了一些我不想要的利润。我确实重置了页面的边距和填充，但是当我使用owl转盘时，我得到了正确的边距。请帮助我如何去掉这个空白

这是代码

HTML

<div class="header">
    <div class="container-fluid">
        <div class="row owl-carousel">
          <div class="item d-flex flex-row">
            <div class="left">hello</div>
            <div class="right">world</div>
        </div>
        <div class="item d-flex flex-row">
          <div class="left one">hello</div>
          <div class="right two">world</div>
      </div>
      </div>
    </div>
  </div>

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body{
  font-family: 'Roboto', sans-serif;

}

.left{
  height:100vh;
  width:30%;
  background-color: red;

}
 .right{
  height:100vh;
  width:70%;
  background-color: green;
}

.one{
  background-color: yellow;
}
.two{
  background-color: orange;
}

$('.owl-carousel').owlCarousel({
    loop:true,
    nav:false,
    autoplay:true,
    autoplayTimeout:4000,
    items:1

});

在js中添加边距值

margin:0，

在js中添加边距值

margin:0，

您需要在div.row中添加新div:

工作示例：


文件
你好
世界
你好
世界

您需要在div.row中添加新div:

工作示例：


文件
你好
世界
你好
世界

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div class="header">
    <div class="container-fluid">
        <div class="row">
          <div class="owl-carousel">
            <div class="item d-flex flex-row">
              <div class="left">hello</div>
              <div class="right">world</div>
          </div>
          <div class="item d-flex flex-row">
            <div class="left one">hello</div>
            <div class="right two">world</div>
          </div>
         </div>
      </div>
    </div>
  </div>
</body>
</html>