Jquery 引导式全屏幕宽度响应旋转木马

我试着让我的滑块宽度变为屏幕宽度，但我从左右两侧都有一些填充，看起来很难看。搜索了一些东西，我发现的只是Jquery插件，我想是不是已经有了一个引导类来应用和实现一些事情，或者是一些css修改

<div class="container-fluid">
                <div class="col-md-12">                 
                    <div id="myCarousel" class="carousel slide" data-ride="carousel">
                                    <!-- Indicators -->
                                    <ol class="carousel-indicators">
                                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                        <li data-target="#myCarousel" data-slide-to="1"></li>
                                        <li data-target="#myCarousel" data-slide-to="2"></li>
                                        <li data-target="#myCarousel" data-slide-to="3"></li>
                                        <li data-target="#myCarousel" data-slide-to="4"></li>
                                        <li data-target="#myCarousel" data-slide-to="5"></li>
                                        <li data-target="#myCarousel" data-slide-to="6"></li>
                                    </ol>                                   
                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner"  role="listbox">

                                        <div class="item active">
                                            ...
                                        </div>  

                                        <div class="item">
                                            ...
                                        </div>  

                                        <div class="item">
                                            ...
                                        </div>                                  
                                    </div>
                                    <!-- Left and right controls -->
                                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </div>
                </div>
            </div>

...
...
...

使用引导，必须在.col md和.container fluid之间创建.row div。它将删除由.col md创建的15px填充

---

或者您可以简单地添加一个自定义类并在其上应用填充：0。

使用引导，您必须在.col md和.container流体之间创建一个.row div。它将删除由.col md创建的15px填充

---

或者，您可以简单地添加一个自定义类，并在其上应用填充：0。

只是在没有必要时不要使用引导类，用一个具有自动边距的块元素替换容器流体；

---

或者，您可以使用具有负x边距的.row类为嵌套填充元素创建套接字父级。

如果没有必要，请不要使用引导类，将.container流体替换为具有自动边距的块元素；

---

或者，您可以使用具有负x边距的.row类为嵌套填充元素创建套接字父级。

将以下规则添加到css文件中：

.container-fluid {
  padding: 0px !important;
}

并在col-md-12中使用.row div作为ex：

...
<div class="row">
   <div class="col-md-12">
   ...

。。。
...

将以下规则添加到css文件中：

.container-fluid {
  padding: 0px !important;
}

并在col-md-12中使用.row div作为ex：

...
<div class="row">
   <div class="col-md-12">
   ...

。。。
...