Css 引导转盘图像短于声明的宽度

我很好奇是否有人能解决这个问题，这在其他帖子中没有提到。我已经尝试了其他帖子中提到的所有赞成票较高的解决方案，但我的问题仍然存在

具体来说，“示例”代码和“库存”引导转盘似乎为图像添加了边距，从而使它们比容器小，并且不与页面上的其他容器对齐

下面是推荐的代码，它可以工作，但有一些我似乎无法“轻松”删除的边距

<div class="container" style="margin-top:40px" >

    <div class="row" >

        <div class="col-sm-12" >

            <div id="carousel-msa" class="carousel slide" data-ride="carousel">

             <!-- Indicators -->
             ... carousel code...

... 旋转木马代码。。。

我可以使用额外的“样式”参数强制它，但这会使图像无响应性——我需要它有响应性

<div id="carousel-msa" class="carousel slide" data-ride="carousel" style="margin-left:-15px; width:1200px">

如果查看JS FIDLE，您将看到图像是水平压缩的，并且没有与其他元素对齐

到目前为止，我已经看过一些帖子，但世卫组织的解决方案并不能解决我的问题：

非常感谢您的帮助。

请参考此

在CSS中，添加

.slider{
  padding-left:0px !important;
  padding-right:0px !important;
}

这就是您所需要的，您可以忽略在CSS中尝试的其他解决方案代码

然后，确保在代码中添加对Slider类的引用，如下所示：

        <div class="container slider" style="margin-top:40px" >
            <div class="row" >
                <div class="col-sm-12" >
                    <div id="carousel-msa" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        ...

...

那应该行。

请参考此

在CSS中，添加

.slider{
  padding-left:0px !important;
  padding-right:0px !important;
}

这就是您所需要的，您可以忽略在CSS中尝试的其他解决方案代码

然后，确保在代码中添加对Slider类的引用，如下所示：

        <div class="container slider" style="margin-top:40px" >
            <div class="row" >
                <div class="col-sm-12" >
                    <div id="carousel-msa" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        ...

...

---

那应该行。

你不需要新的类。你需要简化你的代码

删除

。此块仅添加额外的填充

删除

style=“页边空白顶部：40px”

。并移除

位置：绝对.MSA报头

类中的code>属性

从所有幻灯片上移除

class=“img响应中心块”

。同时从CSS中删除

.internalitem{…}

和

.carousel img{…}

。请改用此代码：

当屏幕宽度小于1200px时，页脚会添加长水平滚动。要固定它，请移除宽度为1200px的

.MSA footer

类中的code>属性。由于默认值，页脚宽度将为100%

---

请检查结果：

您不需要新类。你需要简化你的代码

删除

。此块仅添加额外的填充

删除

style=“页边空白顶部：40px”

。并移除

位置：绝对.MSA报头

类中的code>属性

从所有幻灯片上移除

class=“img响应中心块”

。同时从CSS中删除

.internalitem{…}

和

.carousel img{…}

。请改用此代码：

当屏幕宽度小于1200px时，页脚会添加长水平滚动。要固定它，请移除宽度为1200px的

.MSA footer

类中的code>属性。由于默认值，页脚宽度将为100%

---

请检查结果：

Oi！-完美的答案-非常感谢-正是我需要的输入类型。好极了@很高兴能帮上忙完美的答案-非常感谢-正是我需要的输入类型。好极了@我很乐意帮忙。